Vue利用Blob下载原生二进制数组文件
本文实例为大家分享了Vue利用Blob下载原生二进制数组文件的具体代码，供大家参考，具体内容如下
在服务端推送过来的二进制数组(JSON格式），在前端要处理成JS原生数组以后才能做成Blob，有两个地方要注意（详细注释），代码如下：
Vue.prototype.$downloadFile=(filename,data)=>{
if(!data)return;
letarr8=Uint8Array.from(data);//！！！注意1：应根据数据的类型选择适当的JS原生数组类型进行转换，也就是说服务端推送的byte型数组还是int型数组等。
//定义文件内容，类型必须为Blob否则createObjectURL会报错
letblob=null;
lettype='application/octet-binary';
if(typeof(window.Blob)=="function"){
blob=newBlob([arr8],{//！！！注意2：数组两边必须加上[]
type:type
});
}else{
letBlobBuilder=window.BlobBuilder||window.MozBlobBuilder||window.WebKitBlobBuilder||window.MSBlobBuilder;
letbb=newBlobBuilder();
bb.append([arr8]);
blob=bb.getBlob(type);
}
letURL=window.URL||window.webkitURL;
letbloburl=URL.createObjectURL(blob);
letanchor=document.createElement("a");
if('download'inanchor){
anchor.style.visibility="hidden";
anchor.href=bloburl;
anchor.download=filename;
document.body.appendChild(anchor);
letevt=document.createEvent("MouseEvents");
evt.initEvent("click",true,true);
anchor.dispatchEvent(evt);
document.body.removeChild(anchor);
}elseif(navigator.msSaveBlob){
navigator.msSaveBlob(blob,filename);
}else{
location.href=bloburl;
}//移除链接释放资源
};
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
热门推荐
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短