从 javascript 变量中保存图像

Posted

技术标签:

【中文标题】从 javascript 变量中保存图像【英文标题】:Saving a image from javascript variable 【发布时间】:2014-10-19 05:42:03 【问题描述】:

有没有办法保存一个包含图片的 javascript 变量?

var image = new Image();

如果是,怎么做?

提前致谢

编辑:我想将其保存为 png,而不要求用户右键单击。

【问题讨论】:

你想如何保存它?你能举个例子吗? 我相信你正在寻找这个:***.com/questions/2395765/… 【参考方案1】:

您可以通过将图像编码为 base64 字符串来做到这一点,然后您可以将该字符串设置为 DOM 元素的源。 要对图像进行编码,您可以使用一些额外的工具,或者您可以使用此站点为您生成 base64 字符串:http://www.kawa.net/works/js/data-scheme/base64-e.html

得到你的base64字符串后,你可以这样使用它:

var data = 'data:image/gif;base64,' + 'put your base64 string here';
var icon_elem = document.getElementById("icon_here");
icon_elem.src = data;

希望对你有帮助

【讨论】:

以上是关于从 javascript 变量中保存图像的主要内容,如果未能解决你的问题,请参考以下文章

Javascript将选项传递给变量并使用php保存到txt文件

javascript从客户端保存/加载图像+文本数据

JavaScript - 将图像从 URL 保存到本地机器特定路径?

Javascript Canvas迭代地将图像自动保存到文件夹

从 Div 创建图像并使用 Javascript 和 ASP.net 将其保存到服务器

从外部 URL 下载图像,使用 JavaScript 和 ExpressJs 保存在服务器上 [重复]