问题标签 [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 回答
3989 浏览

javascript - 使用数据 URI 提示用户保存文件

我正在编写一个 Web 应用程序,它允许用户选择一个PNG文件,向其中写入一个iTXt块,然后将其保存回他们的本地文件系统。我会使用新的FileWriterAPI 来执行此操作,但目前只有 Google Chrome 添加了对它的支持。

由于我的文件在内存中表示为二进制字符串,因此我使用数据 URI 提示用户保存文件,如下所示:

由于 mime-type 是application/octet-stream浏览器提示用户打开或保存它。但是问题是用户不知道它是哪种类型的文件。所以用户必须手动添加文件扩展名。

目前我提醒用户文件需要保存的扩展名。然而,这似乎是一个不雅的解决方案。有没有更好的方法来达到相同的结果?

0 投票
1 回答
6496 浏览

css - 使用数据:将 SVG 编码为 CSS 过滤器

也许有人可以在我的测试中指出一个错误,但似乎如果我想在 CSS 编码中使用 SVG 过滤器data: uri以避免使用额外的文件,如果数据没有编码为 base64,它会失败。

我已经用 Firefox Aurora 进行了测试,其他浏览器似乎在这两种情况下都无法识别过滤器。

测试文件:

现场演示http://martinezdelizarrondo.com/bugs/svgfilter.html

url() 的内容在两种情况下都是相同的:

使用http://software.hixie.ch/utilities/cgi/data/data编码

如您所见,第一个保持红色,但在第二种情况下,应用了 svg 过滤器并且文本变为灰色。

在第一种情况下我忘记了什么吗?

这个错误中,我没有找到任何关于编码的信息,所以我想它应该是可能的(当然使用更简单的文本编码要好得多,而不是用 base64“加密”它)

谢谢

0 投票
0 回答
415 浏览

php - 使用 jQuery + PHP 上传 DnD 图像

我正在尝试为图像设置拖放上传系统,但我不知道如何使用 PHP 将数据写入文件。

目前,我正在使用FileReader.readAsDataURL()检索上传图像的数据 URI,并将其存储在var data.

内部save_image.php

我尝试下载test.png,它说图像已损坏。

我也尝试过使用imagecreatefromstring()

0 投票
0 回答
693 浏览

jquery - 使用 IE/Safari 将图像作为数据 URI 上传

目前我有一个使用 jQuery 和 的拖放解决方案FileReader,它适用于 Chrome 和 Firefox。我使用readAsDataURL获取要上传的图像的数据 URI,然后将数据 POST 到 PHP 以作为文件写入服务器上。

我已经大大压缩了我的代码,但过程如下所示:

然后我有一个单独的函数调用$.ajaxPOST 数据 URI。我还检查了可以支持的浏览器FileReader

哪里initDnD()有前面的例子。

对于这.disabled门课,我正在<input type="file" />使用 Safari/IE。有什么方法可以获取用户选择的文件并立即将其转换为 Safari/IE 上的数据 URI?我之所以这么问,是因为我宁愿重用我的 PHP 脚本,它将数据 URI 保存为图像。

0 投票
0 回答
1242 浏览

javascript - 使用 URI 将 HTML 数据导出到 Mac 上的 Excel

所以我使用数据 URI 将 HTML 数据导出到 Excel,问题是,它在 IE(我正在修复)上不起作用,并且在 Mac 上不起作用。它将它导出为原始 HTML,这显然不是我想要的。这是我的 HTML(在 Windows 上完美导出到 Excel:

这是我的 JavaScript:

它与 Mac 上的不同 MIME 类型有关吗?我究竟做错了什么?

0 投票
1 回答
3746 浏览

javascript - 在 Internet Explorer 中下载数据 URI 文件

我有一个基于 Web 的应用程序,并且正在寻找一种方法让用户从 websql 表中下载他们的数据。有人建议使用似乎适用于除 Internet Explorer 之外的所有浏览器的数据 URI。我采用的方法是将所有数据存储在一个变量中,并使用 text/csv MIME-Type 和 charset=UTF-8 字符集编码:

但是,当我单击 Internet Explorer 9 中的链接时,它说该页面无法显示。任何想法如何让它在 IE 中工作?谢谢。

0 投票
2 回答
129 浏览

javascript - DataURI 而不是图像对于 API 和 Web 服务是否实用?

我正在编写一个 javascript 应用程序,它从基于 PHP 的 API 中以 JSON 格式获取数据。目前,图像 URL 是从 API 接收的,然后用于使用<img>标签显示它们。

使用 dataURI 而不是常规的图像 URL 是否实用且有效?我的应用程序主要用于手机。那么这需要客户端的额外处理能力吗?

0 投票
1 回答
126 浏览

openlaszlo - openlaszlo 是否具有数据 uri 之类的功能?

我想知道 open laszlo 是否具有数据 uri 功能。下面的示例将显示一个红点,其中红点是图像,base64 数据被传递给它。有可能做这样的事情吗?

示例如下

0 投票
1 回答
1481 浏览

php - PHP 输出 DataURI base64_encode

我想拍摄本地图像,调整大小并输出 dataURI。为什么我的 base64_encode 代码不起作用?

0 投票
2 回答
2003 浏览

javascript - 静音数据uri?

有谁知道将数据 uri 设置为有效静音的方法?我真的很想看看是否存在这样的东西!谢谢你。