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下载文件流到前端之后 再保存到本地
上一篇: iOS - 毛玻璃动画效果
下一篇: 网络通信协议TCP