element ui el-upload批量上传只调用一次接口

在使用 Element UI 的 el-upload 进行批量上传时，通过配置一些参数和编写一些代码可以实现只调用一次接口。

首先，需要设置 el-upload 组件的 action 属性为接口的地址，同时将属性 multiple 设置为 true，以支持多文件上传。

接下来，可以使用 el-upload 组件的 before-upload 属性，设置一个方法来处理上传前的逻辑。在这个方法中，可以获取到所有的文件和文件列表，然后将它们合并成一个 FormData 对象，同时将这个对象作为参数传递给接口。这样，通过一次接口调用就可以实现批量上传。

具体操作如下所示：

<template>
  <el-upload
    action="your_api_url"
    :multiple="true"
    :before-upload="handleBeforeUpload"
  >
    <el-button type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleBeforeUpload(file) {
      // 获取所有的文件和文件列表
      const fileList = this.$refs.upload.uploadFiles;

      // 合并为 FormData 对象
      const formData = new FormData();
      fileList.forEach(file => {
        formData.append('files', file.raw);
      });

      // 调用接口
      this.$http.post('your_api_url', formData).then(response => {
        // 处理接口返回的数据
      });
      
      // 阻止 el-upload 组件默认的上传行为
      return false;
    }
  }
}
</script>

以上就是使用 Element UI 的 el-upload 组件实现批量上传只调用一次接口的方法。通过设置适当的属性和编写相应的代码，可以在上传文件前合并所有文件为一个 FormData 对象，然后在接口调用时一次性传递这个对象，从而实现批量上传。