使用FileSaver.js在IE 11和IE中下载图像的Safari

Question

我正在尝试像其他支持a[download]属性的现代浏览器一样模仿下载功能。我知道Safari和IE 11中尚不支持a[download]属性。

当我点击下载时，Safari不会做任何事情。 在IE11中，当我点击要下载的<a>标签时，它会下载图像并在下载完成后不久在浏览器的底部窗口告诉我它有114个字节（确切的文件大小可能不同）。然后当我保存它并在它的默认窗口照片库中打开它时，没有显示1KB文件大小。

我想知道是否有关于正确格式化的问题的解决方案，如果浏览器不支持a[download]属性，如何利用FileSaver.js下载图像。 Blob的{​​{1}}参数是否必须更改为其他格式或某些格式IE＆amp; Safari会识别为图像并实际下载图像而不是空文件？

这是jsfiddle： FileSaver jsfiddle

HTML：

type

JS：

<a download="sample1_l.jpg" href="http://imgsv.imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg">
<img width="300" src="http://imgsv.imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg" alt="">
<span>Download</span>
</a>