企业官网建设流程全解析

Javascript自定义远程blob下载器代码

下载器

// Excel|Word|pdf等附件下载,add by tj$.downloadFile=function(response){constfilename=decodeURI(response.headers['content-disposition'].split('filename=')[1]).replace(newRegExp('"','g'),'');constblob=newBlob([response.data],{type:response.headers['content-type']||'application/octet-stream',});constlink=document.createElement('a');link.href=URL.createObjectURL(blob);link.download=filename;document.body.appendChild(link);link.click();document.body.removeChild(link);};// Excel|Word|pdf等附件下载 end

vue2调用样例

this.loading=true;this.exporting=true;axios.get(this.listUrl,{params:{params:{...params,}},responseType:'blob',// 设置响应类型为blob}).then((response)=>{// console.log(response);$.downloadFile(response);this.loading=false;this.exporting=false;}).catch((error)=>{this.loading=false;this.exporting=false;console.error('导出文件失败',error);});