标签:返回 URL res 接口 let reader link data 下载
1 /** 2 * 处理下载接口返回的文件流数据 3 * @param {*} res http请求返回数据 4 */ 5 function download(res) { 6 // 错误处理 7 if (res.data.type == "application/json") { 8 let reader = new FileReader(); 9 reader.readAsText(res.data, 'utf-8'); 10 reader.onload = function () { 11 let json_data = JSON.parse(reader.result); 12 Message({ 13 showClose: true, 14 message: json_data.Message, 15 type: "error" 16 }); 17 } 18 return; 19 } 20 // 下载处理 21 let filename = "content-disposition" in res.headers ? 22 decodeURIComponent( 23 res.headers["content-disposition"] 24 .split(";")[1] 25 .split("=")[1] 26 .replace(/"/g, "") 27 ) : 28 "下载文件"; 29 try { 30 if (window.navigator.msSaveOrOpenBlob) { 31 navigator.msSaveBlob(res.data, filename); 32 } else { 33 let blob = new Blob([res.data], { 34 type: "application/vnd.ms-excel" 35 }); 36 let url = URL.createObjectURL(blob); 37 let link = document.createElement("a"); 38 link.setAttribute("href", url); 39 link.setAttribute("download", filename); 40 link.style.display = "none"; 41 document.body.appendChild(link); 42 link.click(); 43 URL.revokeObjectURL(url); // 释放URL 对象 44 document.body.removeChild(link); 45 } 46 } catch (err) { 47 // console.log(err) 48 } 49 }
标签:返回,URL,res,接口,let,reader,link,data,下载 来源: https://www.cnblogs.com/langmohua/p/13780676.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。