欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS 下载文件的 几种不同方式

程序员文章站 2022-06-30 19:15:10
...

方法一

针对资源文件保存在服务器 上
 

<a href="downloadAPIPath" download="downloadFileName"  >下载文件</a>

方法二

可以直接新开一个标签页下载;( 新开一个tab然后迅速关掉)

有个弊端 浏览器 的安全策略 有可能会被blocked。

window.open('url','_blank');

方法三

针对后端返回的是文件流 ,下载到前端 需要保存到本地的

代码中的object 用于创建 URL 的 File 对象、Blob 对象或者 MediaSource 对象。​

const aLink = document.createElement('a');
        aLink.href = URL.createObjectURL(object);
        aLink.download = 'filename';
        document.body.appendChild(aLink);
        aLink.click();
        document.body.removeChild(aLink);

 

 方法一和方法二都是用于资源文件 在服务器上 

方法三用于调用API下载文件流到前端之后 再保存到本地

相关标签: js javascript