简述
前端由于安全方面的因素,不能直接对文件进行写操作。但是在实际的业务需求中,难免会遇到各种各样文件的下载、预览。
如果服务端下载文件是以流的形式传递到前端,前端通常是将流转换为objectURL,借用a标签的download属性,进行文件下载。但是有时候会遇到下载文件处理失败的场景,这样服务端消息的返回格式不再是流,而是json,此时虽然前端可以正常导出文件,但是文件内容是服务端返回的消息,处置不怎么妥当,这个时候,能有读取流的方法就好了。本文简要概述下,前端读取二进制流的方法。
二进制文件下载
普通的二进制文件下载:首先需要将请求头的response-type设置为blob,其次,在接收到响应消息时,可以调用以下方法。
function download(blob) {
// 创建一个blob链接
let url = URL.createObjectURL(blob)
let a = document.createElement('a')
a.setAttribute('download', url)
a.href=ur;
a.style.display = 'none'
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
// 每次调用URL.createObjectURL,都会创建一个新的URL对象,浏览器内存中会保持对该对象的引用
// 只有在document销毁时,才会释放此部