问题标签 [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 投票
5 回答
69590 浏览

html - data中下载文件的文件名:Application/octet-stream;

我正在尝试以下列方式使用数据 uri 下载文件:

问题是下载的文件总是被命名为“未知”,无论我尝试使用什么作为文件名。这是给文件命名的正确方法吗?还是需要做其他事情?

0 投票
1 回答
1600 浏览

javascript - 在 javascript 中预加载 datauri 图像

使用 javascript,我如何预加载没有路径源但有 datauri 作为其源的图像?

我有这样的事情:

我想在 https 页面上执行此操作,但收到一个错误,即我在页面上混合了安全和非安全项目。任何想法为什么会出现这种情况以及我可以解决此问题的任何方法?

0 投票
3 回答
1725 浏览

css - 数据 uri:s 的 MSHTML 后备

我的站点使用数据 uri:s 来减少对我站点的 HTTP 请求数量。问题是数据 uri:s 在 IE7 中不起作用,这是我们必须支持的浏览器(不,我们不需要 IE6)。我已经按照Stoyan 的指南进行了操作,但实际上在进行了一次 Microsoft 安全更新(KB2544893,如对原始文章的评论中所述)之后,回退似乎已停止工作。

上面引用的评论建议我应该尝试使用 Content-Type 消息/rfc822 发送 MSHTML 文件,但我也无法让它工作,我在几个小时的过程中尝试了多种不同的方法。

所以我的问题是:你能让斯托扬描述的技术以某种方式工作吗?我真的很感激一个可行的例子来说服我这确实是可能的。

0 投票
1 回答
758 浏览

css - Base64_encode 中的 24 位 Alpha 通道

所以我正在尝试使用base64编码的png在我的CSS中使用图标。我使用http://www.motobit.com/util/base64-decoder-encoder.asp来转换它们。然而,pngs 只有一个 8bit 的 alpha 通道,像素要么完全不透明,要么完全透明,没有部分透明。这使我的图标边缘硬朗。通过 base64_encode 可以实现 24 位 alpha 通道的任何想法?

0 投票
1 回答
630 浏览

firefox - 将图像粘贴到 Firefox contentEditable div 中时,如何保留原始 img src(禁用数据 URI)

我有一个编辑器,其中包含一个 contentEditable=true 的 div,我让用户在其中粘贴剪贴板中的图像,以及从编辑器内部更改图像的 SRC 属性。

在 IE 中它工作正常,但在 Firefox 中,图像在粘贴时自动序列化,即 src 属性变为类似于 data:image/png;base64,iVBORw0KGg...

如何强制 Firefox 保留原始图像源?

0 投票
1 回答
1263 浏览

javascript - 如何使用数据 URI 延迟图像加载?

我正在使用数据 URI 将图像加载到一页,然后放在scriptHTML 的末尾。与使用普通 url 的 image 不同src,数据将直接加载到 html 页面的 HTTP 请求中。

因此,script由于我通过这种方式加载了数百个图像数据,因此将在页面末尾加载很晚。

我想更早地加载脚本或与 imate 的加载异步加载,有没有办法延迟图像的加载data

0 投票
1 回答
6171 浏览

javascript - 用于导出到 CSV/Excel 的数据 URI(无服务器端请求):浏览器支持/限制?

以下问题:

并且如建议的那样,我正在考虑在客户端中生成 CSV 文件内容,然后使用数据 URI 从浏览器提示“在 Excel 中打开”操作。在从浏览器中阅读了此功能(数据 URI)的限制和不同级别的支持之后,我想了解有关此技术的第一手经验以及我必须注意的事项。

谢谢。

0 投票
1 回答
415 浏览

image - Firefox/Opera 的 data:image 行为是否不同?

我使用 data:image URI 来设置图像标签的来源。

默认情况下,CSSdisplay属性是none. 当我从用户那里获取图像时,我更改了此标签上的源并显示图像:

我的问题是:

1.即使显示是none,我怀疑浏览器仍在获取图像。我对吗?

在获取浏览器时,应该使用相对 URL 访问我的服务器。但有时它会将源 URI 数据附加到我的绝对 URL.... 只是有时!

2.这种行为是预期的吗?它是特定于浏览器的吗?我看到来自 Firefox 5.0 及更低版本和 Opera 10.0 及更低版本的请求导致此问题。

0 投票
1 回答
675 浏览

javascript - 连续更新图像时移动浏览器(iPad/iPhone/iPod/Android)崩溃javascript

我们正在尝试使用 Java Script 每秒使用网页上的数据 URI 使用 base64 字符串更新图像 src。

Java Script(AJAX) 从网络服务器获取最新图像。

但所有移动浏览器在 5-10 分钟后崩溃。故障转储说,浏览器由于内存不足而崩溃。

有没有办法以编程方式清理内存。

提前致谢。

问候, 卡西克

0 投票
1 回答
726 浏览

javascript - 使用javascript渲染pdf

在我的应用程序中,我需要渲染一个动态 pdf。我有一个 ajax 函数,它调用一个返回 pdf(字符串格式)的 php 函数。

现在我以这种方式使用 data-uri 渲染这个 pdf:

...但这仅适用于 chrome。我怎样才能在 Firefox 上也得到它?