vue2.0 实现多文件上传 代码演示

以下是一个简单的 Vue 2.0 组件示例，用于多文件上传：

<template>
  <div>
    <form>
      <input type="file" ref="files" multiple @change="handleFilesUpload" />
      <button type="submit" @click.prevent="uploadFiles">上传</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      files: [],
    };
  },
  methods: {
    handleFilesUpload() {
      this.files = this.$refs.files.files;
    },
    uploadFiles() {
      const formData = new FormData();
      for (let i = 0; i < this.files.length; i++) {
        const file = this.files[i];
        formData.append("files[]", file);
      }
      // 发送请求，上传文件
      // axios.post('/upload', formData) ...
    },
  },
};
</script>

这个组件包含一个文件 input，用户可以通过它选择多个文件。当用户选择文件时，我们将文件存储在 `files` 数组中。当用户点击上传按钮时，我们使用 `FormData` 将文件发送到服务器。

请注意，这个示例仅说明了如何实现多文件上传，实际应用中还需要在服务器端进行文件处理和验证。