php前端取blob数据,前端读取Blob内容

简述

前端由于安全方面的因素，不能直接对文件进行写操作。但是在实际的业务需求中，难免会遇到各种各样文件的下载、预览。

如果服务端下载文件是以流的形式传递到前端，前端通常是将流转换为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销毁时，才会释放此部