element使用upload组件上传文件怎么修改文件名

在 Element 的 Upload 组件中，我们可以通过设置 `before-upload` 属性来修改上传的文件名。具体的操作步骤如下：

1. 首先，我们需要在 `before-upload` 函数中获取到上传的文件对象，可以通过 `file.name` 属性获取原始文件名。

2. 然后，我们可以使用 JavaScript 的字符串操作函数，比如 `replace` 或 `substring`，来修改文件名。例如，我们可以将文件名中的空格替换为下划线：

   <el-upload
     class="upload-demo"
     action="/upload"
     :before-upload="beforeUpload">
   </el-upload>

   methods: {
     beforeUpload(file) {
       const newName = file.name.replace(/\s+/g, '_');
       file.name = newName;
       return true; // 返回 true 表示继续上传
     }
   }

在上面的例子中，我们使用了正则表达式 `\s+` 来匹配文件名中的空格，并使用下划线替换它们。然后，我们将修改后的文件名赋值给了 `file.name` 属性，最后返回 `true` 表示继续上传。

需要注意的是，修改文件名只会影响上传到服务器的文件名，不会影响用户本地的文件名。