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

方法一

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

<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下载文件流到前端之后 再保存到本地