Speichern und Laden eines Bildes aus localStorage

Im Grunde versuche ich, ein Bild in zu speichernlocalStorageund laden Sie dann dasselbe Bild auf der nächsten Seite.

Ich bin auf dieses großartige Beispiel gestoßen:http://jsfiddle.net/8V9w6/

Obwohl ich absolut keine Ahnung habe, wie das funktioniert, da ich localStorage immer nur für extrem kleine Zeichenfolgen verwendet habe.

Ich habe ein Bild, das über einen von jQuery gehandhabten Datei-Upload geändert wird

<img id="bannerImg" src="images/image-placeholder.jpg" alt="Banner Image" style="display:none;" width="100%" height="200px" />

Dasjsfiddle Der Link, den ich oben hinzugefügt habe, ermöglicht das Hochladen mehrerer Dateien, und das ist definitiv etwas, das ich nicht haben möchte.

Was ich wissen muss, ist, was ich auf der ersten Seite platzieren muss, um das Bild zu speichern, und was ich auf der zweiten Seite platzieren muss, um das Bild zu laden?

Ich habe einsave Schaltfläche, die alles verarbeitet.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage