elementui上传文件怎么获取文件的路径
时间: 2023-08-08 13:09:29 浏览: 245
IE9 elementUI文件上传的问题解决
在elementui上传文件后,可以通过监听upload-success事件来获取上传成功后的文件信息,包括文件的路径。具体方法如下:
1. 在el-upload组件中加入upload-success事件监听器,例如:
```
<el-upload
class="upload-demo"
action="/upload"
:on-success="handleSuccess">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
</el-upload>
```
2. 在methods中添加handleSuccess方法,用于处理上传成功后的文件信息,例如:
```
methods: {
handleSuccess(response, file, fileList) {
console.log(response); // 文件上传成功后返回的信息,包括文件的路径
console.log(file); // 上传的文件对象
console.log(fileList); // 上传的所有文件列表
}
}
```
在handleSuccess方法中,可以通过response获取文件的路径等信息。具体的路径信息需要根据后端接口返回的数据结构进行解析和处理。
阅读全文