二进制流格式
Blob格式
前言:
需求:根据后端接口返回的文件流进行数据处理,并实现文件的下载,且下载文件为word文档.
代码实现:
//下载文件
async function DownLoadFile(row) {
let res = await DownLoadFileAPI(row.id);
const blobURL = window.URL.createObjectURL(
//进行格式处理,把后端返回的二进制流转成Blob;type 规定下载文件的格式
new Blob([res.data], { type: "application/msword" })
);
const tempLink = document.createElement("a");
(tempLink.style.display = "none"), (tempLink.href = blobURL);
tempLink.setAttribute("download", row.filename);
document.body.appendChild(tempLink);
tempLink.click();
document.body.removeChild(tempLink);
window.URL.revokeObjectURL(blobURL);
}
知识点补充:
1、new Blob(blobParts, options);
type的常见类型:
扩展名 | 文件类型 | MIME类型 |
.doc | Microsoft Word | application/msword |
.jpeg/.jpg | JPEG 图片 | image/jpeg |
.mp3 | MP3 音频 | audio/mpeg |
application/pdf | ||
.xls | Microsoft Excel | application/vnd.ms-excel |
.zip | ZIP | application/zip |
查看更多:Media Types
2、格式转化
二进制流转blob
const blob = new Blob([BufferSource],{type:type})
blob转base64
BlobToBase64(blob,cb){
const fileReader = new FileReader()
fileReader.onload = function(e){
cb(e.target.result)
}
fileReader.readAsDataURL(blob)
}