new blob 下载excel 前端二进制数据

不是昵称

已于 2023-01-04 19:14:47 修改

阅读量847

点赞数 2

CC 4.0 BY-SA版权

文章标签：前端 javascript vue.js

于 2022-11-21 15:55:00 首次发布

本文链接：https://blog.youkuaiyun.com/qq_37401609/article/details/127966608

本文介绍了一种使用JavaScript实现的文件下载方法，包括Excel表格及JSON数据的下载过程。通过创建 Blob 对象并利用 HTML5 的 a 标签触发点击事件来实现不同数据类型的文件下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

download(data, fileName) {
if (!data) {
return
}
let url = window.URL.createObjectURL(new Blob([data], {type: “application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8”}))
console.log(url)
let link = document.createElement(‘a’);
link.style.display = ‘none’;
link.href = url;
link.setAttribute(‘download’, fileName);
document.body.appendChild(link);
link.click();
},

//下载数据json字符串
downloadTxt(row) {
console.log(row.moduleJson);
let jsonStr1 = JSON.stringify(row.moduleJson.replace(/“/g, “””));
let jsonStr = JSON.parse(jsonStr1);
console.log(jsonStr);
let str = jsonStr
let strData = new Blob([str], {type: ‘text/plain;charset=utf-8’});
saveAs(strData, row.demandName + “.txt”);
},