如何用JavaScript编写实现多文件下载功能的长尾词方法？

本文共计2956个文字，预计阅读时间需要12分钟。

关于文件下载，可以说是一个十分常见的议题。在许多前端项目中，都会遇到类似的需求，例如highChart统计图的导出，在线图片编辑中的图片保存，在线代码编辑中的代码导出等等。

对于文件的下载，可以说是一个十分常见的话题，前端的很多项目中都会有这样的需求，比如 highChart 统计图的导出，在线图片编辑中的图片保存，在线代码编辑的代码导出等等。而很多时候，我们只给了一个链接，用户需要右键点击链接，然后选择“另存为”，这个过程虽说不麻烦，但还是需要两步操作，倘若用户想保存页面中的多个链接文件，就得重复操作很多次，最常见的就是英语听力网站上的音频下载，手都要点麻！

本文的目的是介绍如何利用 javascript 进行多文件的下载，也就是当用户点击某个链接或者按钮的时候，同时下载多个文件。这里的“同时”用的不是很准确，在现代浏览器中可以实现多文件的并行下载，而在一些老版本浏览器，如IE8-，此类的浏览器就只能进行单个文件的下载，但是我们可以让多个文件依次保存下来，算是串行下载吧~

若要要无视实现细节，可以直接跳到第三部分，或者戳：

代码封装：lib.js

DEMO：javascript-multiple-download(HTTPS，第三个有bug，具体原因下面有说明)

javascript-multiple-download(HTTP，测试正常)

一、文件类型介绍及其特点

1. 一般类型

平时比较常见的有 txt、png、jpg、zip、tar 等各种文件格式，这些文件格式中，一部分浏览器是会直接打开链接显示内容的，而另外一部分，浏览器不识别响应头，或者不能解析对应的格式，于是当做文件直接下载下来了。