修改el-upload中上传的文件名

在`Element-UI`的`el-upload`组件中，如果你想修改上传文件的名称，通常是在上传处理函数（upload hook）里对上传的文件进行预处理。你可以获取到每个文件对象（`File`对象），然后使用`File`对象的`name`属性和`rename`方法来改变其原始名字。

以下是一个简单的例子：

<template>
  <el-upload
    :action="uploadUrl"
    :on-success="handleSuccess"
    :file-list="fileList"
  >
    <i class="el-icon-upload"></i> Click to Upload
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [], // 初始化为空数组
      uploadUrl: 'your-url-here', // 你的上传服务器地址
    };
  },
  methods: {
    handleSuccess(response, file) {
      const newFileName = 'new-file-name'; // 新的文件名
      if (response.status === 200 && response.data.code === 200) { // 检查上传成功
        file.name = newFileName; // 使用rename方法更改文件名
        this.fileList.push(file); // 更新fileList
      }
    },
  },
};
</script>

在这个例子中，当文件成功上传后，我们假设响应状态和数据都正常，会将`file.name`更改为`new-file-name`，然后将这个新文件信息添加到`fileList`中。