a标签点击下载文件通用方法，pdf文件预览不能下载解决方法

最新推荐文章于 2024-05-10 13:10:12 发布

Zivsofts

最新推荐文章于 2024-05-10 13:10:12 发布

阅读量1.4k

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/W_2016_KS/article/details/125893985

版权


function downloadFile(url) {
   var request = new XMLHttpRequest();
   request.responseType = "blob";

   //如果url中含有参数，先截取下载地址
   let urlArr = url.split('?');

   request.open("GET", urlArr[0]);
   request.onload = function () {
      var url = window.URL.createObjectURL(this.response);
      var a = document.createElement("a");
      document.body.appendChild(a);
      a.href = url;
      a.download = urlArr[1].split('=')[1];  //此处是下载后的文件名
      a.click();
   }
   request.send();
}