Html 用于下载画布内容的跨浏览器解决方案?

Html 用于下载画布内容的跨浏览器解决方案?,html,cross-browser,download,Html,Cross Browser,Download,我正在寻找一个下载画布元素内容的解决方案。背景:我们有一个客户端二维码生成器,到目前为止,只能打印此码。我们的客户希望能够保存此代码,例如将其附加到销售单上。到目前为止,我只有一个使用锚定标签的Google Chrome有效解决方案: HTML代码: <a href="data:image/octet-stream;base64,{base64-string}" class="btn" data-mimetype="image/jpeg" download="Kunden-Zufriede

我正在寻找一个下载画布元素内容的解决方案。背景:我们有一个客户端二维码生成器,到目前为止,只能打印此码。我们的客户希望能够保存此代码,例如将其附加到销售单上。到目前为止,我只有一个使用锚定标签的Google Chrome有效解决方案:

HTML代码:

<a href="data:image/octet-stream;base64,{base64-string}" class="btn" data-mimetype="image/jpeg" download="Kunden-Zufriedenheitsumfrage.jpeg">JPEG</a>
问题是Firefox忽略了“download”属性,并将base64字符串+扩展名的前x个字母设置为错误的文件名。部分和Internet Explorer甚至不知道该做什么—什么也不发生

当然,可以给我们的客户提供图像标签,这样他们就可以右键单击并通过上下文菜单保存图像,但这不是很直观

以下是二维码窗口的屏幕截图:

据我所知,webkit仍然是唯一支持下载属性的浏览器,尽管firefox可以做到这一点:谢谢链接!我很高兴看到,报告的bug现在处于已解决已修复状态。我只是希望,微软将效仿Mozilla和谷歌,并很快实施对它的支持我在firefox上也遇到了同样的问题,现在已经快到2015年了。