在项目中一次提交需要将2个以上的文件传到本地服务器上,element-ui虽然可以实现一次上传多个文件,但是需要多次发送请求,如:提交两个以上的文件时,会调用两次以上的请求。那么如何只发送一次请求就将多个文件同时提交呢?
<template>
<div class="app-container">
<el-upload
ref="upload"
accept=".jpg, .png, .txt"
:action="upload.url"
multiple
:http-request="HttpUploadFile"
:headers="upload.headers"
:file-list="upload.fileList"
:on-success="handleFileSuccess"
:on-change="changeFileList"
:data="getfileData()"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
</el-upload>
<el-button style="margin-left: 10px;" type="success"
:loading="upload.isUploading" @click="submitUpload">提交</el-button>
</div>
</template>
<script>
import { uploadFile } from "@/api/system/info";
import { getToken } from "@/utils/auth";
export