问题标签 [data-url]

我需要创建一个包含所有图像和 CSS 的页面，所以它只有一个文件。

我知道有类似 MHT（IE 网络档案）的东西，但是有问题。它仅适用于 IE 和 Opera，不适用于 FF。我需要我的页面在所有 IE (6+)、Opera 和 FF 中工作。我知道有一种方法可以在 base64 中对我的图像进行编码，而且我也知道 IE 6 和 7 不支持数据 URL。我见过Dean Edward 的 IE 6 和 7 技巧，但它只适用于 PHP 支持。而且我不能使用 PHP，所以这对我不起作用。

那么，有没有办法创建这种页面呢？请不要给我诸如“今天谁在使用 IE6”或“安装 chrome frame”之类的答案。我知道这一切，但我需要它以这种方式工作。

感谢你的回答！

我想使用以下 base64 favicon 和一些 base64 图像。

这些会被我的浏览器缓存吗？

如果用户单击按钮，则应提供 textarea 的内容以供下载。

到目前为止我所拥有的：

现在我想将内容类型设置为 text/css。这使浏览器显示 css 文件而不是打开下载对话框。如果我可以操纵标头，我知道如何强制下载，但它如何仅适用于 JS？

我想知道是否可以强制浏览器（至少 Chrome）下载data:text/plainURL。

Chrome 会下载二进制 URL（例如data:application/zip;base64,...），但不会下载可以在浏览器中查看的文件（例如文本文件）。

到目前为止，我已经尝试过没有运气的是：

但似乎我无法添加这样的标题。

有什么方法可以让 Chrome 下载一个data:text/plain,...URL？

我正在使用新的 FileReader API 在上传前预览图像。这是使用 DataURLs 完成的。但如果图像很大，DataURL 可能会很大。这对我来说尤其是一个问题，因为用户可能一次上传多张图片并且预览这些图片实际上大大降低了我的浏览器速度，并且实际上使 chrome 崩溃了几次。

在上传之前使用 DataURLs 在客户端上预览图像有什么替代方法吗？

从空白画布开始：

然后初始化该画布：

然后在画布上画一堆。

然后尝试在后端使用 ajax 和 PHP 将其保存到服务器。

在客户端：

将生成的字符串（base64 编码的 png）直接发送到 PHP 和 base64_decode() 字符串...图像始终是正确的大小，但上面没有任何绘图 - 只是一个透明图像。这似乎不是 PHP 中的 base64_decode() 的问题，它似乎是一个安全问题。它在 Firefox 4 和最新的 Chrome 中都失败了。

将生成的 png 图像转储到带有“image/png”标头的 firefox 会在错误控制台中产生：

但是......图像没有损坏或被截断，除非 toDataURL() 到处都被破坏，因为 php 的东西只是 base64_decode() toDataURL() 的结果。

有任何想法吗？

谢谢！

我有一个这样的页面：

当我点击时Tag List， url 正在从http://localhost/MyApp/变为http://localhost/MyApp/#AddTag.aspx。我不明白为什么#要在 Tag.aspx 之前添加。

后来的链接正在改变更多的网址。喜欢：http://localhost/MyApp/#MyApp/AddTag.aspx?id=1这是因为我在 AddTag.aspx 中的页面脚本无法正常工作。

我想我没有得到 JQuery 移动 URL 规则。

我整个下午都在谷歌搜索这个问题，似乎在任何地方都找不到任何搜索，其中单词 Dolphin 和 Base64 Image 或 Data URL 一起出现。但是当我找到关于嵌入 base64 图像的文章时，他们几乎都说它适用于几乎所有浏览器，但 IE 除外。当然，我也不能只查看该页面源或设备上的任何错误控制台（Samsung Galaxy Tab Gingerbread）来查看页面正在解释什么。我得到的只是？图像应该在哪里。适用于 Chrome 和 Opera，但 Dolphin 或股票浏览器都不起作用。

基本上，我有一个第三方签名板控件，其签名图像作为 base64 编码字符串返回给我。然后，我将使用 base64 编码的字符串，将其转换为 DataURL 并将其作为 src 分配给我的 img 控件。在 Chrome 和 Opera 上就像一个魅力，但在我需要它工作的任何一个移动浏览器上都没有。

这给我？图像应该在哪里。因此，要么我需要一种获取数据 url 并使其被这些浏览器接受的方法，要么我需要能够使用原始 base64 代码来生成图像。同样重要的是要注意，这是一个离线应用程序，我需要所有解决方案都在 javascript 或 jquery 中。

编辑：发现来自其他网站的 base64 图像（包括来自 stackoverflow 论坛的头像）确实出现在这些浏览器上。尝试减小图像的大小，但仍然没有运气。仍然得到替代文本和？。大小绝对不是问题。将我的图像缩小到比有效头像更小的尺寸。真的不知道为什么这个图像在这些浏览器上不起作用。似乎与有效的图像完全相同。

我在使用带有 IE 版本 6-9 的 RFC 2397 数据 url 方案时遇到问题。下面的示例代码在使用当前版本的 Safari、FF、Opera 和 Chrome 时可以正常工作。

或者

如果上面的代码粘贴到几乎任何浏览器（不包括 IE）中，它将导航到 google.com，当尝试使用 IE 时，它会失败并出现以下错误。

网页无法显示

最可能的原因：

• 此网页上的某些内容或文件需要您未安装的程序。

你可以尝试什么：

在线搜索可用于查看此 Web 内容的程序。

重新输入地址。

检查生成的 IE 错误页面的页面源时，有一个引用文件关联和协议的链接。

协议类型：

描述：未知

Windows 无法识别此协议。

我意识到使用 data: 协议可能不是最直接的，或者在大多数情况下不是最好的选择，但我必须将它用于这个特定的项目。

我已经到处寻找解决方案并尝试了许多使用 IE 的示例，希望这是我的语法，但尚未找到解决方案。

我制作了一个简单的画布并将其保存为图像。我在这段代码的帮助下完成了这个：

并用这个弹出创建的图像：

但它的名字总是很奇怪。我想重命名图像名称等faizan.jpg。我该怎么做？