irpas技术客

下载功能实现(new Blob)_程序员的自我修养

未知 1899

调用下载接口创建a标签创建下载链接将a标签添加到body中添加点击事件,进行下载下载完成后移除a标签释放掉blob对象 downloadTask(params).then(res=> { const fileName = res.headers['content-disposition'].split('=')[1]; const _res = res.data; const blob = new Blob([_res]); const downloadElement = document.createElement('a'); const href = window.URL.createObjectURL(blob); // 创建下载的链接 downloadElement.href = href; downloadElement.download = decodeURI(fileName); // 下载后文件名 document.body.appendChild(downloadElement); downloadElement.click(); // 点击下载 document.body.removeChild(downloadElement); // 下载完成移除元素 window.URL.revokeObjectURL(href); // 释放掉blob对象 });

?


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #下载功能实现new #blob