问题标签 [data-url]

我创建了一个脚本，通过绘制图像并使用 dataURL 输出它们来生成图像，如下所示：

问题是，我想一次保存这些图像文件。由于安全问题，JavaScript 在很多方面都阻止了这种情况，但 HTML5 似乎有一些可能性。请任何人都可以建议一种一次性保存所有文件的方法。目前，如果我创建 10 张图片，我必须在 Chrome 中一遍又一遍地使用“另存为”来保存每张图片。任何想法，甚至是 JavaScript 之外的想法都会被考虑。谢谢你。

我需要用 Python/Django 创建一个 Code128 条形码，它必须嵌入 HTML 文档中。

我不想在磁盘上创建任何临时（或缓存）文件。这就是为什么我想将它们嵌入为数据 URI 方案。

结果必须是这样的：

你能给我推荐一个简单的方法吗？

现在我使用 ReportLab 创建这样的条形码并将它们嵌入 PDF 文件中，但我不知道如何将它们导出为 Data URI Scheme。如果这是推荐的方法。

我正在尝试在 Django 中执行此操作（将画布异步上传为图像文件）。我正在使用演示中的 javascript（稍作修改的版本），它滚动了自己的 XHRHttpRequest，但我无法在服务器端找到上传的任何证据。

画布数据是这样提取的：

这是 xhr 标头：

这是 POST 内容：

当我让 Django 向我展示它看到的请求对象时，这就是我得到的：

所以正常的 POST 键/值对正在通过，但基于此，我希望看到一个 response.FILES 字典。谁能指出我正确的方向？

我正在制作一个类似于KineticJS 拖放示例的游戏。我将它与保存图像功能结合起来，这样用户就可以保留他们所做的最终结果。

有谁知道我如何控制画布结果图像的位置？我想包括让用户分享/发布他们的图片到 Facebook、通过电子邮件发送或保存的选项。

我认为这要么是对

或者之后的一些额外代码？

任何帮助将不胜感激。

我对此有点困惑。为了在我的 HTML 页面中显示图像，在 HTML img 标签中嵌入图像代码是好的（使用数据 URL 技术）或提供指向该图像文件的链接会更好（传统方式）？如果有人能以比较的方式告诉我它们的优缺点，那将是一个很大的帮助。

切入正题...我想获取一个本地图像文件，使用 javascript 从该图像创建一个 dataurl 值。我不完全确定如何去做。我查看了一堆代码示例，但我不确定他们到底在用画布做些什么。我什至可以希望为此访问本地文件吗？我敢打赌，这将是一个安全风险，并且 javascript 将无法通过它的沙箱进行访问。

本质上，使用 REAL 解释 JS，这就是我想要做的......

最终结果希望是打印到网页的 dataurl 字符串，“data:image/jpeg;base64,/9j/4AAQSkZJRgABAQE...”

这有意义吗？我只想要一个变量中的 dataurl 信息。

非常感谢您对 StackOverflow 的好建议！

这是我的第一个 phonegap 或 jquery 移动应用程序。我正在尝试制作一个简单的网络应用程序，它将使用本机功能来访问相机/捕获 api。

我找不到一段很好的示例代码来告诉我如何说出 DATA_URL 是什么 - 我只是保留此代码并生成 Data url，还是需要指向 SD 或 localStorage例子？

请注意，我正在将此应用程序构建为 Web 应用程序，使用 Dreamweaver cs6 中的 phonegap 构建。

phonegap 网站上的示例函数是：

该网站是 mobli-fi.co.uk

在 HTML 页面中包含数据 URI 时，最好使用 ASCII、UTF-8 还是 base64？

我将它用于可以表示为任何这些的 SVG 文件。

UTF-8（一旦 URI 编码）在未压缩时仍然比 base64 小一点，但是使用 base64 还有其他好处（比如 CPU 性能）吗？

如果图像使用数据 URL，则尝试将图像复制到剪贴板似乎无法正常工作。（在 IE9、Chrome 25.0.1364.152 上测试）

我似乎能够通过“Data-Url”图像进行绘画。粘贴到 Word/Excel 失败。除非使用粘贴特殊选项。

示例：JsFiddle

尝试保存在画布元素上呈现的图像时，使用 Data-url 作为源是一种常见的情况。通过首先将图像保存到磁盘可以解决问题。有没有办法让这些图像直接复制到单词，而不是使用粘贴特殊选项？

检查 IE9 中的图像属性向我们展示：

而正常图像

我认为这些属性通常来自请求中的标头。有没有办法为 data-url 图像设置这些属性？我认为设置这些属性后应该可以直接粘贴到Word中。

我有一个 dataurl 格式的图像，例如：

我需要将 JavaScript 中的这个字符串转换为另一个可以直接复制到空白 jpg 文件的字符串，以便用户查看。
知道如何实现这一目标吗？