问题标签 [data-uri]

我需要在 Java 中将文件编码为数据 URI，我可以按以下格式检索它吗？

我一直在寻找类似的东西，但到目前为止还没有运气。

我正在尝试使用作为数据 uri 发送的 AJAX 加载图像。只要图像小于 32kb，一切正常。一些图像的大小约为 500 kb。我对此做了一些研究，发现 IE8 仅支持使用 datauri 加载 < 32kb 的图像。

是否有任何解决方法来加载 > 32kb 的图像，或者我在这里遗漏了什么？

我正在尝试扫描我的内容并用其他东西替换图像源标签（更值得注意的是，支持时的 dataURIs） - 基于我在这里阅读的几个问题，我正在尝试preg_replace()：

我遇到的问题wpdu_base64_encode_image($upload_dir['path'].'/'.\1)是基本上输出preg_replace结果 - 目前得到：

$upload_dir['path']正在正确输出我需要的图像文件夹的路径，但还有一些我已经尝试过但目前还无法实现的检查：

1. 检查图像源是否是相对的，如果是，则剥离域（目前可以这样做site_url()，我假设需要是的preg_replace()？）
2. 如果图像甚至不是服务器本地的（再次 - 我假设使用site_url()检查），请跳过它

preg_replace()如果有人有建议，我不那么熟悉，我会非常感激。谢谢！

编辑：我应该改用http://simplehtmldom.sourceforge.net/吗？看起来像一个相当重的锤子，但如果这是一种更可靠的方法，那么我完全赞成 - 有人以前用过吗？

我有一个 JavaScript 应用程序，它对文件进行客户端加密和解密，将加密数据存储在 Google Cloud Storage 中。所有加密和数据传输的东西都能正常工作，但我无法让所有文档类型在 Chrome 中打开。由于 Chrome 的内置 PDF 查看器，PDF 可以正常工作，但我也希望它能够自动打开其他文件类型。例如：

JavaScript 应用程序检索加密数据，然后对其进行解密以生成包含 Word 文档的字符串或字节数组。

我创建了一个数据 URI 并在其上调用 window.open()。在 PDF 情况下，将打开一个带有 PDF 文档的新选项卡。当数据 URI 是 Word 文档（MIME 类型 application/vnd.openxmlformats-officedocument.wordprocessingml.document）时，我得到一个（显然）没有内容的空白窗口。

我已经能够使用数据 URI 创建一个 <A> 标记，如果用户右键单击该链接，它会下载正确的数据，但是虽然我已将该 MIME 类型设置为在下载时自动打开，但 Chrome 不会打开它。（它会自动打开从具有该 MIME 类型的常规 HTTP 请求发送的 Word 文档。）

我想对我的解密数据做几件事，从客户端 JavaScript 字符串开始：

• 在新选项卡/窗口中打开（浏览器可以做的事情，或者有插件）
• 在外部应用程序中打开
• 另存为文件

对这些有帮助吗？

谢谢！

我大约每 50-200 毫秒从一系列 httprequests 中获取 jpeg 图像的二进制数据，我将此数据转换为 base64 字符串并使用 javascript 将字符串插入 img 标记中。

因此，当接收到更大的图片时，我体验到图像（第一次完全显示）在几秒钟后从底部越来越多地被切掉，直到达到某个点。

我搜索了一下，发现

Internet Explorer 8 将数据 URI 的最大长度限制为 32 KB。（Internet Explorer 9 没有这个限制）

我没有IE9的电脑可以尝试，我只有IE8和IE6。32kb 的限制可能是问题吗？但是为什么图像第一次正确显示，而在收到图像后却经常被削减（总是自下而上）？

看完这篇文章，我没有一个明确的答案：

http://palizine.plynt.com/issues/2010Oct/bypass-xss-filters/

• 浏览器会将 text/html 数据 URI 有效负载解释为执行标签<img> src的文档吗？<script>

• 如果不是，那么在第三方 HTML 中允许数据 URI 是否安全？

• 对于这个用例，浏览器级别存在哪些安全机制？

今天早上我正在查看某人网站的实现，看到他们通过 LINK 标记中的 data-uri 定义 CSS。

我理解将图像放入 data-uri 并将其包含在 CSS 中的合理性，但我不清楚为什么有人会选择以这种方式包含 CSS，而您可以轻松地内联。

我确实看到他们在链接中有一个 ID。难道他们是从 DOM 中动态获取这个 CSS，然后将它用于动态生成元素的“样式”的值？我不是前端专家，但我相信还有其他方法可以做到这一点。

这是HTML：

我之前关于同一主题的问题给了我 8 票反对票。我希望现在更清楚。如果你跑

在任何网页上，cookie 的内容都会出现在消息框中。如果您在一个非常简单的 data-uri 页面中运行上面的代码（您可以将以下字符串复制并粘贴到 FF 或 Chrome 的地址栏上，因为 IE 不支持它）

消息框为空

这是否意味着无法在 data-uri 页面上使用 cookie，或者我的代码中有一些错误？

这可能只是一个语法错误，但我找不到关于这种用法的任何详尽参考。Chrome 过度使用了我的背景属性，所以我显然得罪了一些东西。

http://jsfiddle.net/YbA39/2/

我希望红色框中的内容（一个 svg css 背景）像 html 中的内联 svg 一样呈现。很简单，对吧？

别说做不到！我的灵感是这样的：http: //jsfiddle.net/estelle/SJjJb/

出于所有意图和目的，假设我有一个带有输入字段的网页，用户可以在其中输入图像 URL，单击按钮，并在其 URL 的另一端获得资源的数据 URI（例如，Google 徽标）。

通过阅读，我了解到您可以像这样获取图像的数据 URI：

但是，很多人（包括我自己）都收到“SECURITY_ERR: DOM Exception 18”，因为画布元素在绘制跨域图像时会受到污染，并且受污染的画布会在 canvas.toDataURL() 上返回上述错误（请参阅为什么canvas.toDataURL() 抛出安全异常？）。我的问题是：我真的需要支持跨域网址！

我能做些什么？