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);

        })

 

posted @ 2018-06-25 15:38  九九离离  阅读(775)  评论(0编辑  收藏  举报