实现element 上传组件upload 上传成功后下载文件的操作

最新推荐文章于 2024-08-22 10:20:48 发布

爱吃烧鸭蛋的叶安

最新推荐文章于 2024-08-22 10:20:48 发布

阅读量1.7k

点赞数 2

本文链接：https://blog.csdn.net/c_qianxia5040/article/details/115703977

版权

创建a标签，指定url 下载文件

<el-upload
   class="upload-demo"
   :action="actionUrl"
   :headers="upload.headers"
   :limit="1"
   :on-success="handleAttachmentSuccess"
   :on-preview="handleAttachmentPreview"
   accept=".rar, .zip"
 >
 <el-button size="small" type="primary">点击上传附件</el-button>
 <div slot="tip" class="el-upload__tip">大小不得超过16M</div>
</el-upload>

//actionUrl: process.env.VUE_APP_BASE_API + "/floor_control/equipment/uploadAttachment",// 上传地址,
//headers: { Authorization: "Bearer " + getToken() },// 上传的请求头部
// 点击下载附件
 handleAttachmentPreview(file){
   var a = document.createElement('a')
   var event = new MouseEvent('click')
   a.download = file.name
   a.href = process.env.VUE_APP_BASE_API + file.response.msg;//路径前拼上前缀，完整路径
   a.dispatchEvent(event)
 },