vue使用文件流下载文件
使用node做了转发,前端请求数据,后端直接返回数据,于是使用node将数据生成了excel文件(这一步详见文章node生成exce),然后返回给前端二进制文件流第一步:安装Blobnpm install blobBlob详解:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob第二步:在vue中引入blobimport Blob...
·
使用node做了转发,前端请求数据,后端直接返回数据,于是使用node将数据生成了excel文件(这一步详见文章node生成exce),然后返回给前端二进制文件流
第一步:安装Blob
npm install blob
Blob详解:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob
第二步:在vue中引入blob
import Blob from 'blob';
第三步:使用blob读取文件流下载文件
let execlName = "文件名称";
const buf = Buffer.from("文件流"),
blob = new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }),
downloadElement = document.createElement('a'),
href = window.URL.createObjectURL(blob); // 创建下载的链接
downloadElement.href = href;
downloadElement.download = `${execlName}.xlsx`; // 下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click(); // 点击下载
window.URL.revokeObjectURL(href); // 释放掉blob对象
第四步 完成文件下载
更多推荐
已为社区贡献2条内容
所有评论(0)