这里先介绍一下Blob对象
Blob的英文全称是Binary Large Object,翻译成汉语是二进制大型对象。
HTML5中,Blob是一种JavaScript数据类型,用于存储二进制数据。
此对象中存储的数据没有必要非得是JavaScript原生格式数据,也就是没必要是JavaScript内部对象。
比如可以是File对象,它继承Blob对象,并扩展了一些功能。
-
构造函数方式:
这是最为基础的方式,与其他构造函数创建对象实例完全一样。
语法结构:
let blob = new Blob(array, options);
参数解析:
(1).array:必需,数组,数组成员可以是二进制对象或者字符串。
(2).options:可选,对象,用于设置数组中数据的MIME类型。
首先设置返回的responseType: ‘bolb’ 或者根据需要 ‘arraybuffer’
export function() {
return request({
url: '',
method: 'get',
params: {},
responseType: 'blob'
})
}
// request为我的接口方法
返回结果处理
.then( res => {
let blob = new Blob([res], {type: res.type})
let downloadElement = d