概述
最近在做项目的过程中,有一个场景需要使用el-upload在用户选择完图片之后立即执行上传操作。这个上传用的是本地的方法不是用el的自动上传
监听用户选择文件的事件只有一个on-change,具体见文档说明:
由于开启了文件可多选multiple,发现用户从本地选择了n个文件的话on-change就会执行n次。因此图片上传请求也就执行了n次。
el-upload部分代码
解决
将请求放到任务队列的最后面,先确定上传了几个文件,再执行请求
看代码可知,在this中设置了一个控制上传的长度maxFileLen。如果用户选择了3张图片,fileAdd方法就执行了3次,但是能发出请求的那次只有filelist.length==3的那次
最后
以上就是轻松航空为你收集整理的el-upload中on-change在上传多个文件多次调用解决方法的全部内容,希望文章能够帮你解决el-upload中on-change在上传多个文件多次调用解决方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复