vue 下载

最新推荐文章于 2024-10-14 16:59:23 发布

vivk2017

最新推荐文章于 2024-10-14 16:59:23 发布

阅读量245

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_38109616/article/details/132099369

版权

Vue 专栏收录该内容

38 篇文章 0 订阅 ¥199.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在Vue.js应用中实现文件下载功能。通过调用`downloadFile`函数，利用axios从API获取文件并创建一个URL对象。然后，创建一个隐藏的`a`标签，设置其`href`为创建的URL，并触发点击事件来启动下载，同时提供了错误处理和下载进度显示。

摘要由CSDN通过智能技术生成

import { downloadFile } from ‘@/api/workBench/qrcode.js’;

downloadFile(item) {
console.log(item)
let downloads = item.response.data[0].fileId
let downloadLoadingInstance = Loading.service({
text: “正在下载数据，请稍候”,
spinner: “el-icon-loading”,
background: “rgba(0, 0, 0, 0.7)”,
});
downloadFile({ fileId: downloads }).then(res=>{
if( res.code == 500 ){
downloadLoadingInstance.close();
return;
}
// 创建一个URL对象
let url = window.URL.createObjectURL(res);
// // 创建一个a标签
let a = document.createElement(“a”);
a.href = url;
a.download = item.response.data[0].realName;// 这里指定下载文件的文件名
a.click();
downl