最近在做项目的过程中，有一个场景需要使用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在上传多个文件多次调用解决方法内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复