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