Wie kann ich eine Schaltfläche erstellen, um ein Bild mit Javascript oder einem Javascript-Framework zu speichern?

Question

Ich möchte mit einem Knopf ein generiertes Bild speichern. Ich sehe die schnellste Lösung ist JavaScript, wahrscheinlich JQuery oder irgendein Framework.

Meine Anwendung ein img Label, zum Beispiel erzeugen:

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

Das viele Problem ist die src Attribut, weil Änderung für meine Anwendung, zunächst diese die URL ich fangen müssen.

Vielen Dank!

Answer 1

Sie können das Attribut download in HTML verwenden. Wenn das img src automatisch generiert wird, können Sie das folgende Skript verwenden Sie es in der href zu setzen:

$('#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>