js 实现多文件批量下载

 

关于兼容性问题：

　　<a href="xxx.docx" target='_blank'></a>

　　下载文件时，这种写法是没有兼容性问题；但是下载图片时，IE 上会出现当前页面直接打开图片的问题，即便是加了 target='_blank'。

 

2019.8.19 更 

---

 

单个文件批量下载 

方法一：H5 <a> 新特性

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

<a href="http://somehost/somefile.zip" download="filename.zip">Download file</a>

　　

方法二：js

js 实现的思路是：

1、添加 <a>标签

• 用 JavaScript 创建一个隐藏的 <a> 标签

• 设置它的 href 属性

• 设置它的 download 属性

• 用 JavaScript 来触发这个它的 click 事件

实现代码：假设引入了 jquery.js

var a = document.createElement('a');
var url = window.URL.createObjectURL(blob);
var filename &#