el-upload多个文件上传但是只发送一个请求向服务端上传文件

element-ui的上传组件el-upload在多选电脑里的文件进行上传,但是会多次触发上传,每有一个文件需要上传就触发一次上传方法,如果只是将上传axios请求写到上传方法里,就直接会造成浏览器发送多次请求,有点浪费资源。

我的思路是加setimeout延时请求 每次触发上传方法先将文件存到一个空数组,然后window.setTimeout定义一个延时器给时间100ms(时间看你开心,个人觉得时间只要在0.5s内会舒适一点)延时器内写axios请求。

请求内参数需要注意:文件上传的参数定义多数我们都会用formData()装载,可能用于存储文件的那个字段或许在后端是具备批量上传的效果,实际上你在这个字段里习惯性穿数组后,后端发现该字段里空空如也,也没有文件,解决方法是将文件存储的数组遍历,多次formData.append(‘file字段’, 每一个文件data)
请求参数会如下:
在这里插入图片描述
最后,写一个清除延时器放在刚刚的window.setTimeout前面!!一定要前面!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值