问题标签 [data-url]

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 投票
3 回答
14230 浏览

javascript - Canvas toDataUrl 增加图像的文件大小

当使用 toDataUrl() 设置图像标签的来源时,我发现保存时的图像比原始图像大很多。

在下面的示例中,我没有为 toDataUrl 函数指定第二个参数,因此使用了默认质量。这导致图像比原始图像尺寸大得多。当为全质量指定 1 时,生成的图像会更大。

有谁知道为什么会发生这种情况或我该如何阻止它?

谢谢 :D

这是一个示例,不幸的是,该图像不能跨域,因此我只需要提取其中一个 jsfiddle 图像。

http://jsfiddle.net/ptSUd/

图像是 7.4kb,如果你保存正在输出的图像,你会看到它是 10kb。使用更详细的图像时,差异会更加明显。如果将 toDataUrl 质量设置为 1,则图像为 17kb。

我也在为此使用 FireFox 10,当使用 Chrome 时,图像尺寸仍然更大,但没有那么多。

0 投票
1 回答
8678 浏览

javascript - HTMLCanvasElement 没有方法“toDataUrl”

我正在尝试从画布中获取 dataUrl 以用作各种元素上的 css 背景图像。但我总是得到以下错误Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'

这是我的测试代码

又是变相的安全功能?还是我只是愚蠢...

提前致谢

0 投票
1 回答
658 浏览

google-app-engine - 使用 Google App Engine 在本地保存 PNG 图像的 data:url

我正在使用 Google App Engine (python) 并且有一个数据:服务器上可用的 PNG 图像的 url。PNG 图像从未在文件中,因为它是使用 toDataUrl() 从一些画布代码生成的,并通过 ajax 处理到服务器。我想允许用户单击一个按钮并能够选择一个文件名并在本地保存 PNG 图像。Save As 对话框将提供一个默认的 filename.png。目标浏览器是 FireFox。我提供了不起作用的示例代码。stackoverflow 上有几个问题有点像这个,但每个问题都有点不同。

我将内容处置设置为带有建议文件名的附件。我将标头内容类型设置为 application/octet-stream。但我没有得到 SaveAs 对话框。我错过了什么?

app.yaml 文件是标准的

index.html 如下:

python代码如下:

{{标题}}

0 投票
1 回答
3608 浏览

jquery - 用于刷新选择框时,编辑选项中的 dataUrl 在 JqGrid 中不起作用

我是 jqGrid 的新手。我正在尝试在 editoptions 中使用 dataUrl 来为每个行编辑刷新选择框选项值(在显示编辑表单之前)。

但是我没有看到刷新发生,我确实看到了在 jqGrid 中编辑一行时在 firebug 中发出的任何 http 请求。

我在名为的列中调用一个 php 文件,在"loadPoleManagers.php"php文件中我返回带有选项的选择 html 标记,即纯 html 标记。dataUrlPole_manager

如果我遗漏了什么,你能请任何人给我建议吗?

下面是我的 jqGrid 代码。

谢谢。

0 投票
1 回答
2160 浏览

jquery - 如何在指定了 id 属性的 Jquery Mobile 页面上手动设置 data-url?

我有点失落...

我需要我的 Jquery Mobile 页面有一个 id,但将 data-url 设置为文件路径。默认情况下,JQM 将文件路径作为data-url,但如果提供了 id,则 data-url 将被 id 覆盖,这是我不想要的。

所以:

将导致:

虽然我需要它:

我正在尝试手动设置 data-url,但它不能像这样工作:

问题
我做错了什么?

0 投票
1 回答
451 浏览

java - 是否可以在 Java 中将文件编码为数据 URI?

我需要在 Java 中将文件编码为数据 URI,我可以按以下格式检索它吗?

我一直在寻找类似的东西,但到目前为止还没有运气。

0 投票
1 回答
60 浏览

html - 新手级别 - DataURLs 会自动保存到特定位置吗?

我是一个完全的新手,正在做一些关于 HTML5 拖放游戏的工作。我正在查看编码教程,当用户按下按钮时,它将保存游戏的图像。画布图像保存为 DataURL。我有点明白这意味着什么。但我的问题是:图像保存到哪里(因为您似乎不需要指定位置)以及保存到该位置的图像是否始终具有唯一的 URL(即从不同游戏保存的图像不会覆盖)。

0 投票
1 回答
1867 浏览

search - jqgrid - 使用带有 dataUrl 的 searchoptions 时未正确设置初始过滤器值

我认为这是 jqGrid 中的一个错误(我使用的是 4.4.0 版)。在我的 colModel 中,这很好用:

但这不会:

dataUrl 返回的位置

颜色在组合框中显示正常,默认值为“红色”,但过滤器未正确初始化,除非用户通过选择“绿色”或“蓝色”更改组合框过滤器(然后可能返回并选择“红色” )。如果用户尝试在不首先更改组合框值的情况下进行过滤,则找不到匹配项。此问题在初次使用过滤器对话框时和重置过滤器对话框后出现,因此对用户来说非常混乱。

有谁知道解决方法/解决这个问题?

0 投票
2 回答
2315 浏览

javascript - 将图像转换为 DataURL 以进行本地存储时删除了 EXIF?

将图像转换为 DataURL 格式时是否会删除/删除 EXIF 元数据,以便将其存储在浏览器本地存储中?特别是 Chrome,如果它有所作为。

0 投票
1 回答
11151 浏览

php - 使用 dataurl 将 PDF 流式传输到 iframe - 仅适用于 Chrome

以下适用于 Chrome,但 iframe 内容在 Firefox 15 和 IE 9 中为空白。

问题似乎是dataurl。如果我将它更改为简单的 src="memlist.pdf" 那么它可以在任何地方工作。PDF 大小为 75kb。

dataurl 是否存在一些(当前)浏览器限制?

(由于某些身份验证复杂性,我试图避免使用 http url 回调服务器)