使用 JavaScript 下载文件

来源:互联网 发布:js copy对象 编辑:程序博客网 时间:2024/05/22 08:16

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+, 并且当转换的文件较大时,可能会发生延迟。

但如果需要在下载之前做一些预处理的动作,例如检查该用户是否有下载的权限,是否有高速下载的权限、或者动态文件链接等等,这是一个很好的方法。

0 0
原创粉丝点击