bootstrap fileinput 同步不能执行回调
这几天开发项目时用到了bootstarp的插件fileinput ,在执行多文件上传时必须用到同步uploadAsync: false,
但是回调函数却没有执行,经过查找资料发现在同步的情况下需要使用下列代码执行回调:
$("#file1").on('filebatchuploadsuccess', function(event, data, previewId, index) { alert(data.response.id); })
下面贴上完整的fileinput 配置
$("#file1").fileinput({ language : 'zh', //设置语言 uploadUrl : rootPath + "attachment/saveAttachments.do", //文件上传路径 showUpload : true, //是否显示上传按钮 showRemove : false, showPreview : true, showCaption : true, uploadAsync: false, dropZoneEnabled : false, allowedFileExtensions : [ 'jpg', 'png', 'jpeg' ], //允许上传文件类型 maxFileSize : 20000, //上传文件最大大小 maxFileCount : 3, //允许同时上传文件的数量 maxFilesNum : 3,//上传最大的文件数量 layoutTemplates : { /* actionDelete:'', */ //去除上传预览的缩略图中的删除图标 actionUpload : '', //去除上传预览缩略图中的上传图片; /* actionZoom:'' */ //去除上传预览缩略图中的查看详情预览的缩略图标。 }, }).on("filebatchuploadsuccess", function (event, data, previewId, index) { //一个文件上传成功 alert(data.response.ids); console.log('文件上传成功!'+data.response.ids); })