错误与下载的图像数据网址

Question

所以，我在做一个链接，下载从数据URL的图像（大单）：

<a download='fileName' href="data:image/png;base64,/9j/4WSsRX...">something</a> 

然而，每当我试图在链接我收到点击一个错误告诉我一些净问题。

我必须做一个小提琴测试，但它的大（文15MB），它会有时采取负荷：

https://jsfiddle.net/jjydp1ek/

由于的jsfiddle难以负荷，我加入主人MediaFire文件： http://www.mediafire.com/download/p85y1g442ne9v6m/new++7.html

该测试是一个图像具有相同的数据url值的链接，图像是可见的，但我看到在铬上的新选项卡中打开图像的选项不起作用。

我在IE 11帆布做，失败过

问题：

这是以往任何时候都可能使其与下载链接工作，因为它是现在？

是否有数据url下载文件的限制大小，这是？

我该如何让用户能够下载该图片？

另外，在这里提问或更正文本中出现的任何错误，如果您认为它不可理解。

谢谢。

Answer 1

我有一个70Mb宽带和一个电脑的强国，这JS小提琴甚至不会打开。

我不认为有一个15MB的编码字符串是可行的，因为每次访问时必须下载到页面上。我会尝试以下方法：

• 优化图像，如果您有/想要为构建系统购买Gulp，可以合并gulp-imagemin。如果你想这样做，我想Grunt有其他选择。
• 将文件存储在服务器上，并将链接放到路径中，这是首选解决方案。

在回答您的问题

的限制：

长度限制

虽然Mozilla的支持基本上 无限长度的数据URI，浏览器不需要支持任何特别是 数据的最大长度。例如，Opera 11浏览器将数据限制为约65000个字符。

来源：data URIs - MDN

下载

上述建议的图像优化小如，你可以不失去质量，如果这是一个问题得到。那就试试吧。如果没有，给用户链接到图像/在页面上显示它不是问题。用户可以右键单击并保存。

注意

当我写完这篇响应的jsfiddle超时时间。