码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap fileinput 同步不能执行回调

时间:2018-06-25 16:46:35      阅读:764      评论:0      收藏:0      [点我收藏+]

标签:preview   预览   情况下   event   pat   详情   多文件上传   文件的   图标   

这几天开发项目时用到了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);

        })

 

bootstrap fileinput 同步不能执行回调

标签:preview   预览   情况下   event   pat   详情   多文件上传   文件的   图标   

原文地址:https://www.cnblogs.com/yllvhw/p/9224547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!