将el-upload的file的uid转换未文件原始地址

在 Vue 中，`el-upload` 是 Element UI 提供的一个用于文件上传的组件。当你使用 `file` 变量时，它通常包含了文件的一些信息，包括 `uid`（唯一标识符），但这个 `uid` 并不是实际的文件路径。

如果你需要获取文件的原始地址，这通常会在服务器端处理，因为浏览器的安全策略限制了直接读取本地文件系统的权限。但在前端，你可以通过监听 `upload-success` 或 `upload-file` 事件，在回调函数中找到对应的文件信息，然后从后端接口请求该文件的真实 URL。

以下是一个简单的示例，假设你已经有一个包含文件信息的对象数组：

<template>
  <el-upload
    :action="uploadUrl"
    @upload-success="handleSuccess"
  ></el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: 'your-backend-url', // 后端文件上传接口
      uploadedFiles: [], // 存储已上传文件的临时信息
    };
  },
  methods: {
    handleSuccess(file) {
      const { uid } = file.response; // 假设服务器返回的是 uid 和文件路径
      this.uploadedFiles.find(file => file.uid === uid).realUrl = file.response.path;
    }
  },
};
</script>

在这个例子中，`handleSuccess` 函数会在上传成功后被调用，`file.response` 应该包含你从服务器获取到的新文件数据，其中包括你想保存为 `realUrl` 的文件原始地址。