美文网首页
接口返回二进制文件流,前端通过blob对象实现下载

接口返回二进制文件流,前端通过blob对象实现下载

作者: MrZac_ | 来源:发表于2019-05-17 17:53 被阅读0次

    二进制流转图片:如果接口返回的是个图片,前端需求是展示这个图片,可以直接将api放到img标签的src中,和普通ajax请求的接口一样,这样在浏览器network中可以看到这个图片和请求一样,不过类型成了img类型的。

    二进制流下载:借助blob对象,直接贴代码

    Blob 是什么? 这里说的是一种Javascript的对象类型。

    oracle 中也有类似的栏位类型。

    [JS进阶] HTML5 之文件操作(file)

    这一篇中用到了File对象,而实际上 file 对象只是 blob 对象的一个更具体的版本,blob 存储着大量的二进制数据,并且 blob 的 size 和 type 属性,都会被 file 对象所继承。

    所以, 在大多数情况下,blob 对象和 file 对象可以用在同一个地方,例如,可以使用 FileReader 借口从 blob 读取数据,也可以使用 URL.createObjectURL() 从 blob 创建一个新的 URL 对象。

    2. 新方法创建Blob 对象

    在新的方法中直接可以通过 Blob() 的构造函数来创建了。

    构造函数,接受两个参数,第一个为一个数据序列,可以是任意格式的值,例如,任意数量的字符串,Blobs 以及 ArrayBuffers。第二个参数,是一个包含了两个属性的对象,其两个属性分别是:

    type -- MIME 的类型。

    endings -- 决定 append() 的数据格式,(数据中的 \n 如何被转换)可以取值为 "transparent" 或者 "native"(t* 的话不变,n* 的话按操作系统转换;t* 为默认) 。

    相关文章

      网友评论

          本文标题:接口返回二进制文件流,前端通过blob对象实现下载

          本文链接:https://www.haomeiwen.com/subject/ovaoaqtx.html