问题标签 [data-uri]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4599 浏览

dialog - 单击数据 URI 锚链接时,在 Chrome/Safari 中强制另存为框

以上是包含 base 64 编码的 csv 数据导出的数据 URI。在我的应用程序的报告页面上,我将导出嵌入到每个页面视图中,以便导出不需要再次访问数据库。

在 Firefox 3 中,单击此链接会打开另存为下载对话框。在 Chrome 9 中单击它不会执行任何操作。我可以在 Chrome 中右键单击另存为,它将解码的 csv 写入文件。在 Safari 中单击它会在浏览器窗口中打开解码的 CSV 数据,然后我可以手动保存这些数据。

在 IE 中......谁在乎,我说的对吗?

您可以通过将该<a>标记完整复制到名为 test.html 的空白文件中并在每个浏览器中打开它来重现此内容以进行测试。它的行为方式与在我的应用程序的上下文中完全相同。

问题:当用户单击数据 URI 链接时,有没有办法强制弹出另存为对话框,就像在 Firefox 中一样?或者其他解决这种不一致的方法?

理论上,Firefox、Chrome 和 Safari 都支持 Data URI。在实践中.......

0 投票
0 回答
604 浏览

javascript - 具有数据 uri 功能的在线 RTE(富文本编辑器)javascript 库

我正在寻找一个 RTE javascript 库(例如 tinyMce)来允许用户创建丰富的 Web 内容。我非常渴望找到一个:

  • 轻量级(不是必须的)
  • 允许可以将二进制数据转换为“数据 uri”的图像上传,我想将上传的图像嵌入到用户正在编辑的页面中。如果任何 RTE 都没有提供此功能,请推荐一个可以轻松扩展此功能的 RTE。
  • 多种语言支持,包括亚洲语言。
  • 最好用作 jQuery 插件。

如果您以前这样做过,请分享您的经验。

0 投票
2 回答
1956 浏览

javascript - 数据 uri 的媒体类型中可能有哪些参数?

“数据” URL 方案建议数据 uri 可以在媒体类型中包含可选参数:

MSDN 数据 uri 页面也提到了它们。MDN 数据 uri 页面没有。

除了字符集,数据 uri 的媒体类型中可能有哪些参数?

0 投票
2 回答
3240 浏览

javascript - 在 IE6 中用 javascript 打开 base64 PDF

在javascript中,我有一个变量,它在base64中保存一个pdf(pdf在flex中生成并传递给js)。我想在浏览器中打开它(即我希望浏览器显示打开/保存对话框让用户打开或保存 pdf)。

我使用的 Data URI 在某些浏览器中运行良好,但在 IE 6/7 中不受支持:

如何让这个 PDF 在 IE6 和 7 中打开?我读过 MHTML 作为数据 uri 的替代品,但我认为它不能满足我的需要,或者可以吗?现在我只需要打开 pdf,但将来我可能还需要添加对 xls (MS Excel) 文件的支持。目前我正在使用 Flash 的 Filereference.save 让用户将 pdf 保存到磁盘然后他可以打开它,但是客户端坚持让用户选择自动打开它而不是强迫他先保存它。

0 投票
1 回答
615 浏览

node.js - 图像未保存在 Palm 设备上

更新:webOS 2.1 版...

当我将这个base64编码的图像数据附加到图像源时,它会生成正确的数据图像,如下所示:

我正在尝试使用我的自定义服务保存图像,但它没有保存正确的图像。这是用于保存图像的Node.js代码:

图像的保存版本具有完全不同的像素值。

编辑

我发现上面的图像数据不正确。我正在使用 PNG 库来生成画布像素数组的 ba​​se64 图像数据。该链接是http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/

那是canvas.toDataURL();. webOS 不支持 toDataURL,所以我不得不使用一个库。

这是我与这个库一起使用的代码,用于将我的画布图像数据作为像素数组进行操作:

这个库是否有效,我在哪里做错了?

0 投票
4 回答
27595 浏览

html - 主要电子邮件客户端软件中的数据 URI 支持是什么样的?

数据 URI是在 HTML 中嵌入图像和其他二进制数据的标准方法,并且浏览器支持在 Web 上有详细记录。(IE8 是第一个支持 Data URI 的 IE 版本,每个 URI 的最大大小为 32 KB;其他主要浏览器支持它的时间更长。)

我的问题是关于桌面电子邮件和网络邮件客户端软件。

在构建 HTML 电子邮件时,标准做法是将图像作为附件包含或从外部加载(即跟踪图像)。这两者都有缺点(一些客户端列出了所有这些附加文件,而许多客户端正确地阻止或要求用户操作才能查看外部图像)。因此,Data URI 看起来是一个不错的选择,但前提是它受到电子邮件阅读器的支持。

那么,有没有人链接到最近关于支持此功能的研究?或者根本调查过这个?例如,这里是CSS 支持的概述。我感兴趣的客户端软件包括:

桌面(包括版本信息):Outlook、Apple Mail、Thunderbird、Evolution、Lotus Notes、AOL、Eudora

网络邮件: Gmail、Live/Hotmail、Yahoo!邮件,美国在线

手机:安卓、iPhone

0 投票
3 回答
3241 浏览

javascript - 当 base64 null 后跟 =? 时,HTML5 数据 URI 失败

我正在用 JavaScript 做一些非常邪恶的事情,我遇到了一个奇怪的问题。

我正在创建填充静态大小的缓冲区的二进制数据。如果内容没有填满缓冲区,则剩余部分用空字符填充。

下一步是转换为base64。

大小(字节)并不总是 3 的倍数,所以我可能需要在末尾添加填充。缓冲区中的最后一个字节总是空的(实际上,它大约是一 kb 的空值)。

当我在 Firefox 和 Chrome 上将其转换为 base64 时,ERR_INVALID_URL当我有一个尾随的“=”时会得到一个,但当我没有时它下载得很好。

例如:

我的文件有效,但不符合规范。

这是无效的base64有什么原因吗?更重要的是,这是一个错误还是规范的一部分?

编辑:

我发布了一个答案,给出了 Firefox 和 Chrome 之间的一些奇怪之处。有谁知道标准规定了什么?或者它是那些导致碎片化的松散规范之一?如果可能的话,我想要一些确定的东西。

0 投票
3 回答
1607 浏览

request - 检查浏览器是否在运行时支持数据 uri

我希望在我的 asp.net c# web 应用程序中使用 data uri base 64 字符串。我知道只有一些浏览器支持这个,所以在运行时我需要检查当前浏览器是否支持 base 64 字符串。

从用户请求对象,我可以访问描述当前浏览器的 HttpBrowserCapabilitiesWrapper 对象。

如果浏览器支持数据uri,是否可以基于此找到?或者如果不是基于这个对象,有什么方法可以在运行时检查浏览器是否支持数据 uri?

0 投票
1 回答
1868 浏览

python - 如何在 Python 中将文件流转换为数据 URI?

我在 Python 中有一个图像的文件流:

如何将其转换为数据 URI

0 投票
1 回答
2222 浏览

debugging - 如何将网页重定向到数据:来自 http:// 的 uri?

我想将一个接触有限的网页加载到服务器。我有一个跨应用程序链接,但 safari 只是不会打开数据:uri。无论如何要以 http:// 开头吗?url 中的 javascript 怎么样,http://javascript:window.location="data:"?我不想联系服务器(离线的东西)。

如果没有,我可以使用一个简单的 php 页面来重定向它吗?前任:

http://someserver/index.php?input="data:text/html;charset=UTF-8,htmlhere"

并在 php 脚本中: