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

javascript - 将 DataURL 保存为 jpg

我有以下代码将图像文件(jpg/png)转换为数据 url。裁剪完成后,我可以生成渲染图像,但它保存为 png。我需要能够将数据 url 保存为 jpg。

在 renderToDataURL 行中更改"png""jpg"没有影响。有任何想法吗?

0 投票
0 回答
48 浏览

image - 当我按下“返回”按钮时,画布元素存储在 localStorage 中

在 Angular JS(NodeJS 后端)中,<canvas></canvas>在用户用他/她的网络摄像头拍照后,我有一个 drawsImage 。在他们提交照片后(移动到 next location.href),如果用户点击浏览器的“后退”按钮,即使在我调用之后,绘制到画布上的图像仍然存在localStorage.clear()

这里可能是什么问题?任何帮助,将不胜感激。

0 投票
1 回答
64 浏览

javascript - 在 javascript 中,有没有办法将 url 变成 data-url?

我想采用常规的旧网址并将其转换为对整个文件进行编码的数据网址。有没有办法做到这一点?

或者,问题可能是:有没有办法File为给定的 url 获取对象?(因为那时我可以使用 aFileReader来调用readAsDataURL)。

0 投票
0 回答
634 浏览

javascript - 将 ngImgCrop 设置为图像 URL 的问题

根据文档,我应该能够将 ngImgCrop 指令的图像属性设置为图像 URL,而不是数据 URL。但是,它似乎不起作用。我有一个输入文本框(供用户输入图像的 url)和一个按钮,它触发更新 ngImgCrop 的源图像以进行裁剪。到目前为止,这是我的代码:

这是 ngImgCrop 元素的定义

这是 app.js 中的 AngularJS

当前的行为是根本没有设置源图像。任何帮助,将不胜感激!谢谢!

0 投票
2 回答
1248 浏览

node.js - Sails.js 上传巨大的 base64 图像

我有一个带有输入的表单,其值是图像的数据 URI,例如 "data:image/jpg;base64,/9j xxxxxxx...".

当用户使用它裁剪图像时,该值被赋予输入 - > http://fengyuanchen.github.io/cropper/ 所以在dragend事件中我用getDataURL填充输入值......

在表单提交时,数据进入控制器,在那里我使用 dataURI 来获取扩展名、base64 字符串等...

然后我将base64写入一个文件,如下所示:

一切都完美无缺。但是......当我使用更大的图像(> 500kb 所以不是那么大的事实)时,我得到了这个错误:

有趣的是它总是在 localhost 上工作 :( 即使是巨大的图像。

有谁知道我怎样才能完成这项工作?或者甚至更好地建议一种如何使用船长或优质服务来完成此操作的方法......

我在节点 v0.10.33 上使用 SailsJS v0.10.5

0 投票
1 回答
410 浏览

javascript - 如何使用 HTML5 和 transferControlToProxy?

我在一个 JS 应用程序上工作,它使用画布来操作图片(即并使用.toBlob().toDataURL()转换为 png/base64

我会使用.transferControlToProxy()让工作人员完成工作并获得流畅的 GUI。

但它似乎不受支持......正如他们在 Mozilla 开发人员中所说的那样

你们中有些人还有其他信息吗?也许一种解决方法?

0 投票
0 回答
795 浏览

javascript - 检查数据 URL 是否代表空图像

在我编写的一个程序中,HTML5 画布数据被转换为data-urltoDataURL()存储在数据库中。现在我想确定这些 PNG 图像中的哪些是空白的(所有位都是透明的)。

有什么方法可以用 Javascript 或 PHP 确定吗?

0 投票
1 回答
850 浏览

jquery - 将 jpeg 转换为 data-url 时出现“CanvasRenderingContext2D”错误

我在我的 chrome 应用程序上工作,内容安全政策令人不安。我想从 json (string/object/array 我不知道)中获取 jpeg 图像,但是 csp 每次都阻止我。现在我知道使用数据链接更容易,所以我搜索了一个转换器

不幸的是,这不起作用。错误消息是这样的:

我希望有人可以帮助我:) 对不起我的英语不好

0 投票
1 回答
4884 浏览

javascript - URL 编码 "data:image/jpg; base64" 图片

如何编码data:image/jpeg;base64数据 url 以通过 AJAX POST 正确传输。我现在有以下代码xhr.open('POST', 'http://url-sent-to/image/' + saveImage + '&imageid=' + imageid.value, true);

但是,该 URLhttp://url-sent-to/image/data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD…RRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFAH/2Q==&imageid=testimagedata看起来并不正确,尤其是因为它包含=在其中。

我有一个小提琴设置作为我正在做的一个例子。本质上,用户将选择图像,输入描述,然后点击渲染。当您检查 Javascript 控制台时,您会看到一个 Blob 已创建,并且底部的 POST 消息:http: //jsfiddle.net/mattography/Lgduvce1/2/

0 投票
5 回答
4515 浏览

android - 如何从 android imageview 中的 dataurl 加载图像?

我有以下数据网址

有没有办法在imageview中加载dataUrl?