vue post 下载文件

downloadFile(file){
// let url = baseURL + API.test.download + "/" + file.path;
// const link = document.createElement('a')
// link.href = url;
// link.download = file.name; // 重命名文件
// link.target="_blank"
// link.click();


this.$fetch.post(API.test.download + "/" + file.path,{}, {responseType: 'blob'}).then(response => {
let res = response.data;
if (res!=null) {
let blob = new Blob([res], { type: 'application/octet-stream' });
var reader = new FileReader();
reader.readAsBinaryString(blob);
reader.onloadend = () => {
// this.serverLog = reader.result;
this.$message.success(file.name + " download success");
}
let url = window.URL.createObjectURL(blob);
const link = document.createElement('a'); // 创建a标签
link.href = url;
link.download = file.name; // 重命名文件
link.click();
URL.revokeObjectURL(url); // 释放内存
}

});
},
posted @   牛牛——  阅读(502)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
历史上的今天:
2021-04-06 vue项目npm run serve启动后修改代码报错Failed to compile with 1 errors
点击右上角即可分享
微信分享提示