el-upload怎么替换已上传的文件
时间: 2023-09-04 20:08:11 浏览: 175
【JavaScript源代码】vue el-upload上传文件的示例代码.docx
如果你想替换已经上传的文件,可以使用 `replace` 属性来实现。
首先需要在上传文件成功后,将返回的文件信息保存下来,例如:
```html
<el-upload
action="/upload"
:on-success="handleUploadSuccess">
<el-button slot="trigger">选择文件</el-button>
</el-upload>
```
```javascript
methods: {
handleUploadSuccess(response, file) {
// 保存返回的文件信息
this.fileInfo = response.data;
}
}
```
然后在需要替换文件的时候,修改 `replace` 属性的值为 `true`,并将要替换的文件信息传递给 `file-list` 属性即可:
```html
<el-upload
action="/upload"
:replace="true"
:file-list="[fileInfo]"
:on-success="handleUploadSuccess">
<el-button slot="trigger">选择文件</el-button>
</el-upload>
```
注意,要想使用 `replace` 属性,必须要设置 `file-list` 属性。另外,替换的文件必须与原来上传的文件大小和类型相同,否则会上传失败。
阅读全文