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

最新推荐文章于 2024-01-24 17:36:38 发布

Zivsofts

最新推荐文章于 2024-01-24 17:36:38 发布

阅读量1.6k

点赞数

文章标签：前端 javascript html

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

版权

该段代码展示了如何通过JavaScript的XMLHttpRequest对象实现从指定URL下载文件，并设置下载后的文件名。首先创建XMLHttpRequest实例，设置响应类型为blob，然后打开GET请求，加载完成后创建ObjectURL，附加到a标签并模拟点击完成下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


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();
}