el-upload怎么中途改变上传地址

Posted 2023-04-13

在Element UI中，el-upload组件的上传地址可以通过设置属性来指定。如果您需要在上传过程中更改上传地址，可以通过以下步骤实现：
1. 在el-upload组件中设置ref属性，以便在后续步骤中引用该组件。例如：
```
<el-upload ref="upload" action="/upload">
<!-- 其他配置 -->
</el-upload>
```
2. 在需要更改上传地址的时候，通过$refs属性获取到el-upload组件实例，并调用setOption方法更改上传地址。例如：
```
this.$refs.upload.setOption('action', '/new-upload');
```
在上面的示例中，我们将上传地址从`/upload`更改为`/new-upload`。
请注意，setOption方法的第一个参数是要更改的选项名称，第二个参数是要设置的新值。您可以根据需要更改其他选项，例如headers、data等。另外，setOption方法必须在上传之前调用才能生效。 参考技术A 1 可以通过监听 before-upload 事件来中途改变上传地址。

2 before-upload 事件会传入一个 file 对象，其中有一个方法叫做 xhr，可以通过该方法来改变上传地址。

3 可以参考以下代码实现：<el-upload
:action="uploadUrl"
:before-upload="beforeUpload"
>
</el-upload>data()
return
uploadUrl: 'https://www.example.com/upload'

,
methods:
beforeUpload(file)
// 判断需要改变上传地址的情况
if (需要改变上传地址)
file.xhr.open('POST', 'https://www.newurl.com/upload')
this.uploadUrl = 'https://www.newurl.com/upload'

el-upload多文件上传

参考技术A dom节点：

方法：

多文件上传时，formData不能做为数组进行上传，他是一个字节流文件，需要把多个文件直接放入到formData里。