我是靠谱客的博主 轻松航空,最近开发中收集的这篇文章主要介绍el-upload中on-change在上传多个文件多次调用解决方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

最近在做项目的过程中,有一个场景需要使用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在上传多个文件多次调用解决方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部