码迷,mamicode.com
首页 > 其他好文 > 详细

前端下载txt/图片文件时,不弹窗下载,而是直接打开的问题

时间:2020-07-06 13:07:40      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:ret   链接   tee   方法   fail   数据类型   creat   led   etc   

downloadFile(name, blob) { // 创建a标签 const link = document.createElement("a"); const url = URL.createObjectURL(blob); // download属性 link.setAttribute("download", name); // href链接 link.setAttribute("href", url); // 自执行点击事件 link.click(); document.body.removeChild(link); }, download(name, url) { // fetch抓取图片数据 fetch(url) .then(response => { if (response.status == 200) // 返回的.blob()为promise,然后生成了blob对象,此方法获得的blob对象包含了数据类型,十分方便 return response.blob(); throw new Error(status: ${response.status}.); }) .then(blob => { // 获取到blob对象 this.downloadFile(name, blob); }) .catch(error => { console.log("failed. cause:", error); }); },

前端下载txt/图片文件时,不弹窗下载,而是直接打开的问题

标签:ret   链接   tee   方法   fail   数据类型   creat   led   etc   

原文地址:https://www.cnblogs.com/liaoweiming/p/13253973.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!