问题标签 [data-uri]

我有一个生成 Google 地球 KML 文件的 Web 应用程序。我正在尝试使用 URI 生成下载，以避免必须访问服务器。

问题是跨浏览器。它可以在 Chrome 中运行，几乎可以在 FireFox 中运行，并且似乎根本无法在 Internet Explorer 中执行。

这是代码：

通过“工作”，我的意思是当调用浏览器是 Chrome 时，数据会在 Google 地球中下载和呈现（如果需要就开始。）

“几乎可以工作”是指当浏览器是 FireFox 时，会下载数据但文件扩展名为 .part；它拒绝访问 Google 地球

“似乎没有执行”我的意思是 IE 坐在那里嘲笑我。

有什么想法，哦，interwebz 的巫师？

如何使用从字符串（通过 POST 请求提供）创建 Web 工作者？

我能想到的一种方法，但我不确定如何实现它，是通过从服务器响应创建一个 data-URI，并将其传递给 Worker 构造函数，但我听说有些浏览器不允许这是因为相同的原产地政策。

MDN 声明了有关数据 URI 的原始策略的不确定性：

注意：作为 Worker 构造函数参数传递的 URI 必须遵守同源策略。目前，浏览器供应商对于数据 URI 是否同源存在分歧；Gecko 10.0 (Firefox 10.0 / Thunderbird 10.0) 及更高版本允许数据 URI 作为工作人员的有效脚本。其他浏览器可能不同意。

这里还有一篇在 whatwg 上讨论它的帖子。

我有以下z.js方法可以将样式动态应用于 DOM 元素，如下所示：

功能在z.Utils.applyStyle这里：

当我想使用上面的函数将数据 uri 应用为背景图像时该怎么办？就像是：

我用 37K 图像完成了它，但它无法正常工作。
我做错了什么？
可能是，数据 uri 在动态分配中不可用？
可能大 30k+ 大小的 base64 数据是错误的？
有问题的css可以在这里查看：http:
//bookingshare.fw.hu/data_uri_long.css

提前感谢大家的帮助！

我正在尝试比较（为了性能）使用任何一个dataURI与大量图像。我所做的是设置两个测试：

1. 常规图像( WPT )
2. Base64 ( WPT )

两个页面完全相同，除了“如何”提供这些图像/资源。我已经针对每个（上面提到的 - WPT）运行了一个 WebPageTest，它看起来 base64 的平均加载时间要快得多——但常规视图的缓存视图更快。我已经实现了 HTML5 Boilerplate 的.htaccess以确保资源被正确地压缩，但是正如你所看到的，我得到了base64 的F用于不缓存静态资源（我不确定这是否正确）。我最终要在这里弄清楚的是哪种方法更好（假设为了争论，一个页面上有那么多资源）。我知道的一些事情：

1. base64的GET请求很大
2. base64 有 1 个资源，而常规资源有 300 个（这是更大的问题……GET请求或资源数量）？关于常规的要记住的是，由于限制，只有这么多资源可以并行加载——对于 base64——你真的只是等到可以读取 HTML——所以在技术上没有什么比加载页面本身。

非常感谢任何帮助 - 谢谢！

可能重复：
将背景图像数据作为 base64 嵌入到 css 中，好的或坏的做法

我只是在我的谷歌浏览器主页上浏览源代码，并注意到图像是在 CSS 中进行 base64 编码的。这有什么好处？我很想这只是为了减少 http 请求，但由于它是一个本地应用程序，所以无论如何都没关系，对吧？它可以在本地加载图像吗？

是否有人知道在用户提供内容的地方使用 <img src="data:xxxxx"> 存在任何安全问题？假设内容已经过验证，因此它适合数据 URI 的格式，因此它不能脱离标签，并且也仅限于图像 mime 类型。

http://en.wikipedia.org/wiki/Data_URI_scheme

Java6，Struts2.2.3.1 - 我正在将字节数组转换为图像（jpg）。请参阅下面的链接，如果您在 IE 中打开此图像，则图像不完整，而在 Firefox 或 Chrome 中则可以正常打开

http://jsbin.com/aheliy/2

Java
我对字节数组进行编码并使用MiGBase64转换为字符串- 其中 this.bean.imageByteArrayString 指的是表单 bean

JSP

不知道为什么这在 IE8 中不起作用。

直到大约一天前，Canvas2Image JS 库和 .toDataURI JS 方法还在 Chrome 中工作。http://www.nihilogic.dk/labs/canvas2image/现在，使用 Chrome 版本 19.0.1084.46，如果您尝试在引用的页面上单击保存 PNG 以下载 HTML5 画布元素的 PNG 版本，它不会提示下载 - 但会生成 MIME 类型错误。这是故意的 - 也许是出于安全原因，还是一个错误？（它继续在 Firefox 中工作。）

我想完全使用 javascript 从本地图像创建数据 URI

有人 javascript 可以建议一个转换本地图像的函数吗？

我使用画布加载图像并转换为数据 uri

但它抛出以下错误

请建议如何在不使用服务器端脚本的情况下执行 whis

谢谢你

我最近遇到了 Data URI 方案，并且正在Wikipedia上阅读它。

示例代码如下所示：

我的问题是：如何生成在iVBORw0KGgoAAAA...网站上使用的代码（IE: ）？

注意：我正在专门寻找如何在没有服务器端脚本的情况下完成此操作。但是您仍然可以为可能遇到此问题的其他人发布服务器端脚本方式。我也看到过可以为你做这件事的网站，我自己怎么做？