blob开头的文件下载_Blob下载文件流

后端返回的样子如下图：

image.png

请求里面注意设置 reponseType:'blob'

image.png

vue页面的前端代码如下：

image.png

Blob介绍

Blob对象表示一个不可变、原始数据的类文件对象。

Blob表示的不一定是JavaScript原生格式的数据。

File接口基于Blob，继承了blob的功能并将其扩展使其支持用户系统上的文件。

Blob()构造函数返回一个新的Blob对象。blob的内容由参数数组中给出的值的串联组成。

Blob语法

var aBlob=new Blob(array,options)

array是一个由ArrayBuffer， ArrayBufferView ，Blob， DOMString等对象构成的Array,或者其他类似对象的混合体，他将被放入Blob.

options是一个可选的BlobPropertyBag字段，有如下两个属性;

type:默认值“”，他代表了将会被放入到blob中的数组内容的MIME类型;

URL.createObjectURL()

URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。

语法

var objectURL=URL.createObjectURL(object);

参数：

object用于创建RUL的File对象、Blob对象或者MidiaSource对象。

返回值：

一个DOMString包含了一个对象URL，改URL可用于指定源object的内容。

MIME类型

媒体类型(通常称为 Multipurpose Internet Mail Extensions 或 MIME 类型 )是一种标准，用来表示文档、文件或字节流的性质和格式。

语法

通用结构

type/subtype

MIME的组成结构非常简单；由类型与子类型两个字符串中间用'/'分隔而组成。不允许空格存在。type 表示可以被分多个子类的独立类别。subtype 表示细分后的每个类型。

blob开头的文件下载_Blob下载文件流相关推荐

vue 后台返回的文件流进行预览_vue实现下载文件流完整前后端代码
这篇文章主要为大家详细介绍了vue实现下载文件流完整前后端代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下使用Vue时,我们前端如何处理后端返回的文件流首先后端返 ...
js实现下载文件流图片
1.请求响应需要设置响应类型为流 responseType: 'blob', 2.下载文件流 // res 为后台返回的文件流 const reader = new FileReader();read ...
vue3下载文件流下载excel
//点击下载按钮qaGetDebitVoucher:async (id:any)=>{let res=await $axios.get($api.qaGetDebitVoucher+id,{ r ...
Blob开头视频链接如何下载
** Blob开头视频链接如何下载 ** 1.打开谷歌浏览器找到需要下载视频的网页. 我们发现无法直接下载视频,右键,视频另存为是灰色不可下载的. 有的小伙伴们就放弃了,作为一个精益求精,一个高大上 ...
js下载文件流，提示文件损坏问题
记录一下前端下载后端返回的文件流,提示文件损坏问题. const blob = new Blob([content.data], {// type是需要对应的文件类型type:"applic ...
vue-axios下载文件流blob，ie下载报传递给系统调用的数据区域太小.ie文件流下载报错；文件下载失败将blob的错误信息转换成json格式
本次下载是后台文件流传输,前端下载,前端将拿到的下载id和名称downloadName传递给下载方法:如果是多个下载,可以采用数组for循环情景描述: 1.如果符合导出条件, 后端直接返回数据流,如 ...
前端接收并下载文件流（blob对象）(word/.doc)
1 根据文件路径下载文件模板,前端拿到的是stream 文件流 2 将文件流下载下来第一步当然是写请求方法了,如下 //下载模板 export function download (params) ...
vue.js接收并下载文件流（blob对象）
在vue框架中,与传统的根据路径下载文件(document.getElementById("").src='')方式不同,有时候,我们会需要将上传的文件在后台直接进行处理再回传到前 ...
【post请求下载文件流】如何使用post请求下载文件流 blob
最近有个需求,做文件的下载.其实下载没什么要特别说的,之前都是用的get请求,这次不同,后台用的post请求,返回的是数据流,这种post请求下载文件的方式倒是没怎么弄过.记录一下. 接口接口地址为 ...

blob开头的文件下载_Blob下载文件流

blob开头的文件下载_Blob下载文件流相关推荐

最新文章

热门文章