问题标签 [data-url]

我正在使用画布并使用以下脚本创建图像，

在我的 Download.php 文件中，

它正确显示图像。但我想提供 jpg 格式或 pdf 格式的下载按钮。

我该如何使用？

我使用了 base64_decode(); 方法。但我无法解决。

帮我...

我正在开发一个需要通过将图像转换为画布并将更改保存为图像来编辑图像的应用程序。所以我的疑问是，这个数据 URL 是否可以通过应用程序传递并保存到浏览器的本地存储中，以便在加载应用程序时作为图像返回？

浏览了互联网，并没有找到答案。

我正在构建另一个自定义图像滑块，但需要能够处理正在动画的 div 中的任意 html。

一般来说，这没问题......这肯定不是我创建的第一个滑块，而且，一般来说，如果我需要漂亮的切片和骰子效果，我会像每个人一样使用内容作为背景图像的空 div别的。如果我必须允许它处理任意 html，我会限制效果，或者在完成 slice-n-dice 转换后简单地淡入 html 内容。

然而，在这种情况下，我需要在相同的滑块中同时使用漂亮的效果和任意 HTML。

关于如何做到这一点，我最好的想法是将任意 HTML 转换为图像。

我在任何地方都找不到像样的客户端解决方案……但最终意识到我可以将 HTML 填充到 SVG 元素中，并且可以使用 SVG 作为 div 的背景图像。

（仅供参考，这真的只能由现代浏览器处理，它可以处理 SVG 和 DATA-URLS 等）

第一部分实际上有点简单：

如果我只想将它直接填充到 DOM 中，这非常有效......但我需要做的是使用它作为我正在切片和切块的 div 的背景图像。

由于我已经有了 SVG 代码，我应该可以将它用作数据 uri 来输入图像。

我在 fiddle 上找到了这样的示例，并尝试在上面的代码示例中使用此方法将 svg 填充到背景图像中……到目前为止，我完全没有这样做。

例子：

每次，我都会遇到同样的问题；Chrome 控制台没有抛出任何错误或警告，但 div 只是显示完全为空。

使用某些方法（例如上面的代码示例），控制台可以正确显示 div 代码中的数据 uri，但仍然无法显示背景。

作为错误测试的一部分，我将两者并排放置......实际的 svg 元素（显示良好），以及具有相同代码的 div 作为背景图像（不会显示）。因此，我假设我的问题在于我将 svg 转换为 data-url 而不是 svg 本身的方式。

在此之前，我真的没有玩过内联 SVG 或数据 URL……所以很可能我正在以不正确的方式处理数据 URL 或 SVG，因为我尝试使用它们的方式。

不太确定我做错了什么，但真的很想解决这个问题。

有没有更好的方法将任意 HTML 转换为我错过的图像？

或者我的想法是如何在正确的轨道上实现这一目标，但实施搞砸了？

任何帮助将不胜感激。

我正在从服务器检索作为 base64 字符串的文件，并且需要在 JavaScript 中实现下载功能。我怎样才能做到这一点。

我在锚标签上使用了下载属性，但这在 IE 中不支持。

window.open 在 IE 中也不支持，因为我拥有的是数据 url

我有一个来自图像文件的数据 URL，并且必须将它传递给另一个函数。沿着从 Data-URL 到 BufferedImage 的这条路径，它需要是一个 byteArray。

我的方法如下：

问题是，它总是抛出 UnknownImageFormatException 异常，这意味着 inputImage 为空，这意味着 ImageIO.read 没有识别图像类型。

我使用 ImageIO.getReaderFormatNames() 来获取支持的文件名并获得以下列表：

我尝试传递的 dataURL 如下：data:image/png;base64,...或data:image/jpg;base64,...

据我了解，这些都在受支持的文件列表中，因此应该被识别。

在这种情况下，还有什么可能导致 inputImage 为空？更有趣的是，我该如何解决？

我将图像转换为画布并对其进行了更改，并希望将画布更改为数据 URI，并将其用于图像对象或另一个画布的源

我正在使用以下代码执行此操作，但没有得到任何结果。请建议我可以使用的任何其他方法。

代码：

我将 PNG 图像编码为 DataURL 表示。它有规律地开始：
u'data:image/png;base64,...但它没有==结束。 base64.b64decoderaises TypeError: Incorrect padding，但urllib.urlopen返回正确的值 - 图像查看器成功打开的图像。
这是编码字符串：
http ://www.sendspace.com/file/8l61im

在这里很难提出实际问题——我只是想知道这个问题的原因是什么——它是不是特别有问题的字符串，urlopen只是有更“宽容”的算法，还是别的什么？请帮忙！

upd
试过了urlsafe_b64decode——我得到了：
TypeError: character mapping must return integer, None or unicode

我有一个函数，它接受一个 img 元素并返回一个数据 url。这相当于 7/10 次，并返回 3/10 次空白图像。我通过浏览器（chrome）查看创建的数据 url 并使用相同的图像，所以我知道这个函数正在返回损坏的图像。谁能发现为什么？

这个例子大部分时间都有效，但有时会以一个大的白色矩形而不是图像结束。

我这里有一个有趣的。在我们的团队中，有 2 个人在 Mac 上做一个项目，都使用 MAMP Pro 和相同的代码库，为什么一台机器可以愉快地生成带有data:image...格式图像的 PDF 文档而另一台不能呢？

两者都可以看到数据 uri，并且都可以生成包含它的 html，两者都对正常图像感到满意，但其中一个抛出错误：file_put_contents(): Filename cannot be empty错误。

我对此感到茫然，所以任何人都可以解释一下吗？

非常感谢大家，加雷斯

我正在尝试将文件从浏览器上传到 asp.NET 服务。我正在使用FileReader.readAsDataURL()并获取文件作为数据 URL。

我正在使用此 JavaScript 代码event.target.result.match(/,(.*)$/)[1]仅获取 base64 格式的文件。这就是我发送给服务的内容。

使用下面的代码，我将文件存储在隔离存储中

不幸的是，我保存的文件已损坏。难道我做错了什么？有没有更好的方法来做到这一点？

编辑：我正在尝试实现 Gmail 样式文件上传。我尝试过使用表格，但它使事情变得非常复杂。

我的 ajax 调用如下所示：

它可能与 UTF-8 编码有关吗？