vue3 el-upload 上传文件时获取本地路径

在Vue3中，`el-upload`是Element UI库中的一个组件，用于文件上传。当你使用它进行文件上传时，通常不会直接获取到本地文件的完整路径，因为浏览器的安全限制。`el-upload`提供的是异步的方式来处理文件上传，它会在后台发送文件数据给服务器，而不是将路径返回。

如果你想在用户选择文件后立即获取到这个临时的URL或者其他信息，可以使用`on-success`或`on-change`回调函数。例如：

<el-upload
  ref="upload"
  action="your-api-url" // 你的服务器接收文件的地址
  :on-success="handleSuccess"
>
  <el-button>点击上传</el-button>
</el-upload>

<script>
export default {
  methods: {
    handleSuccess(response, file) {
      const localPath = file.response.localPath; // 这里假设服务器返回了本地路径
      console.log('本地路径:', localPath);
    }
  }
}
</script>

在这个例子中，你需要确保后端API返回包含了本地路径的数据。