通过JavaScript下载文件到本地的方法（单文件）

最近在做一个文件下载的功能，这里把做的过程中用的技术和坑简要总结下。如果不存在CORS问题, 可以借助Blob实现下载：如果存在CORS问题，可以考虑使用 canvas 将图片转换成 base64 编码之后再通过 标签的 download 属性下载iframe方式是在页面内隐藏iframe, 然后将下载地址加载到iframe中, 从而触发浏览器的下载行为但是这里发现，即使是同域的图片，也无法完成下载，这是为啥呢？这里就有个上面的a链接下载没有提到的问题：什么样的链接才能触发浏览器的下载:一个url能否触发浏览器自动下载，主要看该请求响应头response header是否满足，一般是看Content-Disposition和Content-Type这两个消息头：