前言
程序创建cvs文件,必须blob标识头部,否则会打不开或者乱码
outputStream.write(new byte[]{(byte) 0xEF, (byte) 0xBB, (byte) 0xBF});
但是加上之后,前端通过简单的a链接或或window.open现在后的文件,会出现blob丢失现象,导致文件依然不被office支持。
思路。前端把文件流完整下载下来,然后创建一个包含Blob 对象的url,即 URL.createObjectURL(blob)
封装的方法
import aixos from 'axios'; // https://www.jianshu.com/p/c330a911d6f5这种情况下 需要用这种办法调用下载,否则office打不开 /** * 从请求头获取文件名 */ const getFileName = (contentDisposition: string): any => { const contentDispositionObj = {}; const contentDispositionFmt = /;/.test(contentDisposition) ? contentDisposition.split(';') : [contentDisposition]; for (const item of contentDispositionFmt) { if (/=/.test(item)) { const itemSplit = item.split('='); contentDispositionObj[itemSplit[0]] = itemSplit[1]; } else { contentDispositionObj[item] = null; } } return contentDispositionObj; }; /** * 下载 */ const download = async (url) => { const res = await aixos({url, responseType: 'blob'}); const fileName = getFileName(res.headers['content-disposition']).filename; const blobUrl = window.URL.createObjectURL(res.data); downloadDom(blobUrl, decodeURIComponent(fileName)); }; /** * 下载时创建的dom */ const downloadDom = (blobUrl, fileName) => { const a = document.createElement('a'); a.style.display = 'none'; a.download = fileName; a.href = blobUrl; a.click(); document.body.removeChild(a); }; export default download;
使用
const url = window.location.origin + `/v6/api/satisfied/exportSatisfiedDetail?${query}`;
downloadHelp(url);