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

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

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

我的应用程序生成一个img 标签，例如：

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

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

非常感谢！

【问题讨论】：

标签： javascript jquery image save

【解决方案1】：

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

$('#save').prop('href', $('img').prop('src'));

<img src="http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.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，我需要捕获它