大家好,又见面了,我是你们的朋友全栈君。
1 最简单的方法
<a href="http://somehost/somefile.zip" download="filename.zip"> Download file </a>
只要为<a>
标签添加 download
属性,我们点击这个链接的时候就会自动下载文件了
其中, download
属性可选(IE
不支持此属性),意思是指定下载后的文件名称
这是最简单、最方便的前端下载文件手段,如果条件允许应该作为第一个选择。
2 使用
JavaScript
// 将获取的sonmefile.zip转换成 blob对象
fetch('http://somehost/somefile.zip').then(res => res.blob().then(blob => {
var a = document.createElement('a');
// 用 blob 对象来创建一个 object URL
var url = window.URL.createObjectURL(blob);
var filename = 'what-you-want.txt';
a.href = url;
a.download = filename;
a.click();
// 使用完object URL 之后手动撤销以释放掉内存优化性能
window.URL.revokeObjectURL(url);
}))
对于blob
对象,支持的浏览器版本为IE10+
, 并且当转换的文件较大时,可能会发生延迟。
但如果需要在下载之前做一些预处理的动作,例如检查该用户是否有下载的权限,是否有高速下载的权限、或者动态文件链接等等,这是一个很好的方法。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/139741.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...