填坑！boostrap fileinput上传插件的批量上传成功事件的回调设置

自学成才之路

于 2019-04-19 08:39:40 发布

阅读量2.2k

点赞数 2

分类专栏： jquery插件文章标签： boostrap jquery fileinput 批量上传回调

本文链接：https://blog.youkuaiyun.com/weewangls/article/details/89392465

版权

在做上传模块时引用了boostrap fileinput插件，感觉功能很是强大。

$("#upload").fileinput({
        showUpload: false,
        language:'zh',
        uploadAsync:true,                        //异步上传 默认 true
        dropZoneEnabled:false,
        uploadUrl:'http://www.soyiyuan.com/',
        maxFileCount: 1,
        maxImageWidth: 600,
        resizeImage: false,
        showCaption: false,
        showPreview: false,
        browseClass: "btn btn-primary btn-lg",
        allowedFileExtensions : ['csv', 'txt'],
        previewFileIcon: ""
    }).on("filebatchselected", function(event, files) {   
            $(this).fileinput("upload");
        })
        .on("fileuploaded", function(event, data) {    //此处是上传成功回调函数
        if(data.response) {
            alert('处理成功');
        }
    });

fileinput的处理机制就是哪怕你后端是可以批量上传的，它在实际运行中还是将你批量上传的文件一个一个的发送到后端去处理，这里有个问题