使用 JavaScript 下载文件

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

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