如何使用 Javascript 或任何 Javascript 框架创建用于保存图像的按钮?

     2023-05-07     49

关键词:

【中文标题】如何使用 Javascript 或任何 Javascript 框架创建用于保存图像的按钮?【英文标题】:How I can create a button for save a image with Javascript or any Javascript framework? 【发布时间】:2016-06-11 23:47:06 【问题描述】:

我想用一个按钮保存生成的图片。我看到最快的解决方案是JavaScript,可能是JQuery 或任何框架。

我的应用程序生成一个img 标签,例如:

<img src = "data:image/png;base64,iVBORw0KGgo...(it's very long)"/>

很多问题是 src 属性,因为我的应用程序需要更改,首先我需要捕获这个的 URL。

非常感谢!

【问题讨论】:

【参考方案1】:

您可以在 HTML 中使用 download 属性。如果img src是自动生成的,你可以使用下面的脚本把它放到href中:

$('#save').prop('href', $('img').prop('src'));
<img src="http://blog.grio.com/wp-content/uploads/2012/09/***.png"/><br/>
<a id='save' download>Save</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

【讨论】:

我的问题是网址。我的应用程序生成 URL,我需要捕获它

如何知道浏览器选项卡是不是已经使用 Javascript 打开?

】如何知道浏览器选项卡是不是已经使用Javascript打开?【英文标题】:HowtoknowifbrowsertabisalreadyopenusingJavascript?如何知道浏览器选项卡是否已经使用Javascript打开?【发布时间】:2014-10-2823:17:57【问题描述】:如何知道或检查两个... 查看详情

使用 Javascript 覆盖或禁用元刷新标签

】使用Javascript覆盖或禁用元刷新标签【英文标题】:UsingJavascripttooverrideordisablemetarefreshtag【发布时间】:2011-03-1605:29:57【问题描述】:我有一个网站,我正在尝试使用Ajax来更新页面上的一些内容,而无需重新加载它。但是,我... 查看详情

如何使用 javascript 将网页作为纯文本获取,而没有任何 html? [复制]

】如何使用javascript将网页作为纯文本获取,而没有任何html?[复制]【英文标题】:Howtogetawebpageasplaintextwithoutanyhtmlusingjavascript?[duplicate]【发布时间】:2011-02-2708:24:27【问题描述】:我正在尝试找到一种方法,使用javascript或jquery... 查看详情

如何使用 javascript 或 jquery 仅从字符串中获取所有 HTML 标记? [关闭]

】如何使用javascript或jquery仅从字符串中获取所有HTML标记?[关闭]【英文标题】:HowtogetonlyallHTMLtagstolistfromstringusingjavascriptorjquery?[closed]【发布时间】:2018-10-3105:01:20【问题描述】:如何从字符串中获取仅包含所有HTML标记的列表... 查看详情

如何使用javascript从当前位置查找用户电话国家代码

】如何使用javascript从当前位置查找用户电话国家代码【英文标题】:Howtofindauserphonecountrycodeformcurrentlocationusingjavascript【发布时间】:2016-02-1616:30:18【问题描述】:使用JS,在wab浏览器上。不是本地人或电话差距或那种,有人知... 查看详情

如何使用 JavaScript 获取图像大小(高度和宽度)?

】如何使用JavaScript获取图像大小(高度和宽度)?【英文标题】:Howtogetimagesize(height&width)usingJavaScript?【发布时间】:2021-05-0600:39:53【问题描述】:是否有任何JavaScript或jQueryAPI或方法来获取页面上图像的尺寸?【问题讨论】... 查看详情

通过 javascript 或任何其他语言访问相机和照片信息?

】通过javascript或任何其他语言访问相机和照片信息?【英文标题】:Accesscameraandphotoinformationviajavascript,orANYotherlanguage?【发布时间】:2015-11-1908:46:25【问题描述】:拍摄图像时,诸如;之类的信息拍摄日期相机镜头焦距曝光F号ISO... 查看详情

当点击网页上的任何链接或提交按钮时如何在 JavaScript 中检测

】当点击网页上的任何链接或提交按钮时如何在JavaScript中检测【英文标题】:HowtodetectinJavaScriptwhenanylinkorsubmitbuttonisclickedonawebpage【发布时间】:2022-01-2019:30:39【问题描述】:我有一个显示远程资产数据(例如气象站数据)的网... 查看详情

如何使用纯 Javascript 使 HTML 元素可调整大小?

】如何使用纯Javascript使HTML元素可调整大小?【英文标题】:HowtomakeHTMLelementresizableusingpureJavascript?【发布时间】:2012-02-1603:03:12【问题描述】:我想知道如何使用纯JavaScript(而不是jQuery库或任何其他库)单击HTML元素,如&lt;di... 查看详情

如何使用纯 Javascript 使 HTML 元素可调整大小?

】如何使用纯Javascript使HTML元素可调整大小?【英文标题】:HowtomakeHTMLelementresizableusingpureJavascript?【发布时间】:2020-09-0705:19:34【问题描述】:我想知道如何使用纯JavaScript(而不是jQuery库或任何其他库)单击HTML元素,如&lt;di... 查看详情

如何使用 HTML5 和 JavaScript 生成 PDF

】如何使用HTML5和JavaScript生成PDF【英文标题】:HowtogeneratePDFusingHTML5andJavaScript【发布时间】:2012-03-1316:02:31【问题描述】:我有一个HTML5项目,我在其中使用了画布。我想将画布的内容导出为PDF文件。谁能建议我如何使用JavaScript... 查看详情

如何使用 Javascript 或 jQuery 在 IE8,9 中获取上传文件的大小?

】如何使用Javascript或jQuery在IE8,9中获取上传文件的大小?【英文标题】:HowtogetsizeofuploadedfileinIE8,9usingJavascriptorjQuery?【发布时间】:2012-07-3108:03:38【问题描述】:我尝试了很多,但没有找到任何方法来解决我的问题。如何在IE8,9... 查看详情

如何使用 JavaScript 更改元素的类?

】如何使用JavaScript更改元素的类?【英文标题】:HowcanIchangeanelement\'sclasswithJavaScript?【发布时间】:2010-09-1619:02:38【问题描述】:如何更改HTML元素的类以响应onclick或使用JavaScript的任何其他事件?【问题讨论】:"class属性主要... 查看详情

如何使用 JavaScript 更改元素的类?

】如何使用JavaScript更改元素的类?【英文标题】:HowcanIchangeanelement\'sclasswithJavaScript?【发布时间】:2010-09-1619:02:38【问题描述】:如何更改HTML元素的类以响应onclick或使用JavaScript的任何其他事件?【问题讨论】:"class属性主要... 查看详情

使用 lodash 映射键或任何其他 javascript 方法 (NodeJs) 动态更改对象键

】使用lodash映射键或任何其他javascript方法(NodeJs)动态更改对象键【英文标题】:Dynamicallychangingobjectkeyswithlodashmapkeysoranyotherjavascriptmethods(NodeJs)【发布时间】:2018-05-3116:13:00【问题描述】:这是我的json对象:excels:[field1:\'Mohamed\',fi... 查看详情

如何使用phonegap从javascript调用ios方法?

】如何使用phonegap从javascript调用ios方法?【英文标题】:howtocalliosmethodfromjavascriptusingphonegap?【发布时间】:2012-08-2106:35:19【问题描述】:我是IOS中phonegap的新手。我按照电话间隙的指导线制作项目。但现在我想向前迈出一步。如... 查看详情

PHP 或 Javascript - 如何设置表单提交之间的最短时间

】PHP或Javascript-如何设置表单提交之间的最短时间【英文标题】:PHPorJavascript-Howdoyousetaminimumtimebetweenformsubmits【发布时间】:2013-08-3119:26:13【问题描述】:令人惊讶的是,我在Internet/***上找不到任何相关内容,但我认为它经常被... 查看详情

如何使用 javascript 更改视频标签海报属性?

】如何使用javascript更改视频标签海报属性?【英文标题】:Howchangethevideotagposterattributewithjavascript?【发布时间】:2012-10-0108:17:26【问题描述】:我想使用原生JavaScript或jQuery来更改HTML视频标签上的海报属性。任何帮助将不胜感激... 查看详情