el-upload下载文件
时间: 2023-11-09 11:03:27 浏览: 516
elemetUi 组件--el-upload实现上传Excel文件的实例
5星 · 资源好评率100%
el-upload 是 Element UI 中的一个上传组件,可以用于上传文件。使用 el-upload 组件下载文件需要先在后端提供一个下载接口,前端通过该接口获取文件流并下载。
在 el-upload 中,可以通过设置 action 属性指定上传文件的接口地址,同时设置 :on-success 属性来处理上传成功后的回调函数。在回调函数中,可以获取到后端返回的文件地址,然后通过 window.open() 方法打开该地址即可实现下载。
示例代码如下:
```html
<el-upload
class="upload-demo"
action="/your/upload/api"
:on-success="handleSuccess"
>
<el-button slot="trigger" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" type="success">开始上传</el-button>
</el-upload>
```
```javascript
methods: {
handleSuccess(response, file, fileList) {
// 下载文件
window.open(response.data.fileUrl)
}
}
```
阅读全文