下载JS生成的文件

前言：

   最近项目遇到一个场景，调用一个接口返回的数据为dataUrl，需要转换为图片并下载。

   在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中，冠以mime-type。

解决思路：

    利用HTML5中<a>标签的特性来实现此功能，1、首先创建一个a标签元素、2、将a标签的href属性指向目标数据dataUrl，3、通过改变a标签的download属性值来为文件赋值文件名，4、触发a标签的点击事件自动下载。

1、

var aDom = document.createElement('a');

2、

aDOm.href = dataUrl;

3、

aDom.download = 'map.jpg';

4、

aDom.click();