模拟a标签实现下载，文件下载通过Blob对象实现

因为后端接口返回数据直接是文件的原因，并不会触发浏览器的下载。问题是AJAX并不会换起浏览器的下载窗口，AJAX设计的初衷就是用来实现异步刷新的，用以改善原始的form表单提交刷新页面的问题。

参考方式如下：

 Download(id) {
      ImageServices.DownloadImage(id).then(res => {
                if (res) {
                    const content = res;
                    // content可以是一个对象，也可以是一个数组。通过id调用返回的是一个对象，所以用第一种写法
                    // 第一种 content是对象的，则用new Blob([content])
                    const blob = new Blob([content]);
                    // 第二种 content是数组，则用new Blob([JSON.stringify(content)]);
                    //const blob = new Blob([JSON.stringify(content)]);
                    const fileName = '文件名称';
                    if ('download' in document.createElement('a')) { // 非IE下载
                        const elink = document.createElement('a');
                        elink.download = fileName
                        elink.style.display = 'none';
                        elink.href = URL.createObjectURL(blob);
                        document.body.appendChild(elink);
                        elink.click();
                        URL.revokeObjectURL(elink.href); //释放URL对象
                        document.body.removeChild(elink);
                    }
                }
            }).catch(err => {
                console.log(err)
            })
        }
}

这里用了Blob对象，该写法的意思是用从服务器接收到的文件流创建了一个blob对象，并使用该blob创建一个指向类型数组的URL，将该url作为a标签的链接目标，然后去触发a标签的点击事件从而实现下载功能。