最近做项目有个客户要求,想选择完文件直接上传,不用再点击上传按钮了。由于系统前台用的是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的上传组件,好看,好用,简单,清晰。
每天成长一点点!