js 用＜a＞标签实现单文件、多文件批量下载

简述：

HTML 5 里面为 <a> 标签添加了一个 download 的属性，我们可以轻易的利用它来实现下载功能。download 的属性值是可选的，它用来指定下载文件的文件名。

1:单个文件下载

<a href="http://xxx.com/text.jpg" download="filename">Download file</a>

2:批量下载多个文件：

思路：将 url 放在一个数组里，循环数组并触发下载：

var urls = [['url':'a','name':'a'],['url':'b','name':'b'],['url':'c','name':'c']];
                    
$.each(urls, function (i ,item){
    let a = document.createElement('a') // 创建a标签
    let e = document.createEvent('MouseEvents') // 创建鼠标事件对象
    e.initEvent('click', false, false) // 初始化事件对象
    a.href = item.url // 设置下载地址
    a.download = item.name // 设置下载文件名
    a.dispatchEvent(e)
});