js下载url文件 —— 三种方法

最新推荐文章于 2024-09-20 11:20:15 发布

学敲代码的Stars

最新推荐文章于 2024-09-20 11:20:15 发布

阅读量4.8k

点赞数 3

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/xx20010124/article/details/127446283

版权

这篇博客介绍了三种在浏览器中打开新窗口或实现文件下载的方法：使用window.open()函数，创建a标签并模拟点击，以及通过fetch获取blob对象创建下载链接。详细讲解了每种方法的实现步骤和应用场景。

摘要由CSDN通过智能技术生成

window.open

window.open(url, '_blank');

a标签

const ele = document.createElement('a'); //新建一个a标签
ele.setAttribute('href', url);
ele.click();

blob

fetch(url).then((res) =>
   res.blob().then((blob) => {
      var a = document.createElement('a');
      var url = window.URL.createObjectURL(blob);
      a.href = url;
      a.download = name; // 下载名称
      a.click();
      window.URL.revokeObjectURL(url);
    })
  );