首页 > Web开发 > 详细

关于前端url实现下载文件

时间:2021-08-13 23:59:06      阅读:26      评论:0      收藏:0      [点我收藏+]

首先关于前端下载肯定会想到a链接,但是我在使用的时候发现a标签会打开这个网址而不是下载文件,所以我发现了一个好的方法,感觉不错,来分享一下  

话不多说,上代码

  // 下载文件
    _downLoad(url, fileName) {
      const url2 = url.replace(/\\/g, "/");
      const xhr = new XMLHttpRequest();
      xhr.open("GET", url2, true);
      xhr.responseType = "blob";
      //xhr.setRequestHeader(‘Authorization‘, ‘Basic a2VybWl0Omtlcm1pdA==‘);
      // 为了避免大文件影响用户体验,建议加loading
      xhr.onload = () => {
        if (xhr.status === 200) {
          // 获取文件blob数据并保存
          saveAs(xhr.response, fileName);
        }
      };
      xhr.send();
    },

url表示文件的路径,fileName表示下载文件名

关于前端url实现下载文件

原文:https://www.cnblogs.com/wcq520/p/15139170.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!