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

Posted 2023-05-07

【中文标题】如何使用 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，我需要捕获它