这几天开发项目时用到了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);
})
原文:https://www.cnblogs.com/yllvhw/p/9224547.html