vue上传文件，怎么获得文件名称和文件路径

在Vue.js中，上传文件通常通过`<input type="file">`元素配合事件处理函数如`@change`来实现。当你选择文件后，可以通过`event.target.files`获取到一个FileList对象，其中包含了用户选择的所有文件。你可以遍历这个数组来获取单个文件的信息。

例如：

<input type="file" @change="handleFileUpload">

<script>
export default {
  methods: {
    handleFileUpload(e) {
      const files = e.target.files;
      for (let i = 0; i < files.length; i++) {
        const file = files[i];
        // 文件名
        const fileName = file.name;
        // 文件路径（对于浏览器环境是临时的URL）
        const filePath = URL.createObjectURL(file);
        console.log('文件名:', fileName);
        console.log('文件路径:', filePath);
      }
    },
  },
};
</script>

在这个例子中，`fileName`是文件的实际名称，而`filePath`是浏览器为临时存储文件生成的一个地址，它并不是持久的磁盘路径，但在页面上显示文件预览或者上传服务器时是可用的。