vue文件上传多个pdf文件

在Vue中实现多个PDF文件的上传可以使用`<input type="file" multiple>`元素结合`FormData`对象和`axios`库来实现。

首先，在你的Vue组件模板中添加一个文件选择输入框：

<template>
  <div>
    <input type="file" multiple @change="handleFileUpload" />
    <button @click="uploadFiles">上传</button>
  </div>
</template>

然后，在Vue组件的`methods`中编写处理文件选择和上传的方法：

<script>
import axios from 'axios';

export default {
  methods: {
    handleFileUpload(event) {
      this.selectedFiles = event.target.files;
    },
    uploadFiles() {
      const formData = new FormData();
      for (let i = 0; i < this.selectedFiles.length; i++) {
        formData.append('files', this.selectedFiles[i]);
      }
      
      axios.post('/api/upload', formData, {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      })
      .then(response => {
        // 文件上传成功的处理逻辑
      })
      .catch(error => {
        // 处理上传失败的情况
      });
    }
  }
}
</script>

最后，你需要在服务器端实现一个接收文件上传请求的API，并进行相应的处理。具体的服务器端代码会根据你使用的后端技术而有所不同。

注意：以上代码只是一个示例，你需要根据你的项目需求进行适当的修改和调整。