element ui 附件一次上传多个但只请求一次并直接与后端交互上传至系统
需求: 选择完文件直接上传系统,不再有多余按钮触发
实现: element ui upload组件的多附件上传是循环调用上传接口的,在每次on-change 改变后调用后端接口交互
问题: 调用后端接口多次,会导致后端接口并发报错。
解决办法: 想要把上传的多个附件一次性传给后端,只调用一次接口,但是不知道什么时候触发调用接口动作,所以就需要知道选择的文件数量,当选择的文件数量等于了上传的文件数量时就可以调用接口了,而且要自定义上传接口请求,不要循环调用,不然接口是异步请求的,还是不能知道什么时候全部调用完毕。
代码实现:
<el-upload
class="upload-demo"
:auto-upload="false"
multiple
action="#"
:file-