bootstrap fileinput组件 选择文件自动上传

最近做项目有个客户要求,想选择完文件直接上传,不用再点击上传按钮了。由于系统前台用的是bootstrap的fileinput上传组件，在这里跟大家分享一下修改方法，看代码：

control.fileinput({
  uploadUrl: uploadUrl, //上传的地址 (该方法需返回JSON字符串)
  allowedFileExtensions: ['xlsx', 'xls', 'txt'],//接收的文件后缀
  showUpload: false, //是否显示上传按钮,加上这个,把上传按钮隐藏掉,避免歧义
 }).on('filebatchselected', function (event, data, id, index) {
  $(this).fileinput("upload");//主要就是这个事件啊,选择文件之后,直接出发upload事件
 })

如果大家有用到这个组件的, 也恰巧有这需求，那就这么改，好使。

如果没有用这个组件，那么我还是推荐用element UI的上传组件，好看，好用，简单，清晰。

每天成长一点点！