Bootstrap fileinput插件实现批量上传一次请求的办法 – 珊瑚贝

Bootstrap fileinput是一款相当强大的文件上传插件，但是在最近使用过程中发现Bootstrap fileinput批量上传文件时，每个文件都要请求一次，也就是说批量上传10个文件，就要请求10次后台。

那么Bootstrap fileinput插件怎么实现批量上传一次请求呢？

经过查看官网文档，原来是因为Bootstrap fileinput默认上传方式为异步async，因此才会没上传一个文件请求一次，我们只需要改为同步上传即可。

$("#fileinput").fileinput({
    uploadUrl: "{{ route('fileupload') }}",
    uploadAsync: false,//关闭异步上传，改为同步上传。
    previewFileIcon: '<i class="fa fa-file"></i>',
    allowedPreviewTypes: null,
});