Ich habe erfolgreich zugelassen, dass ein Benutzer ein Bild in den lokalen Speicher hochladen kann, aber ich möchte dann dieses Bild aufnehmen und ein Bildelement auf der Seite ausfüllen damit.Laden eines Bildes in localStorage und Festlegen eines Bilds src an diesem Speicherort
<h3>Please upload the image you wish to use.</h3>
<input id="photoin" type="file" accept="image/*;capture=camera"></input>
<a href="#delete_1" data-role="button" onClick="save()">Submit</a>
<script>
var i = 0;
function save(){
var input = document.getElementById("photoin").value;
var name = "photo_" + i;
localStorage.setItem(name, input);
$("#QR").src = window.localStorage[name];
i++;
}
</script>
Ich bin auf der Suche nach etwas, das mir die URL des Bildes in Speicher erfolgreich geben, da „window.localStorage [name]“ gibt nur den Wert mit diesem Schlüssel gepaart.
Danke!
Warum genau willst du das tun? Reicht der Browser-Cache nicht aus, um Ihre Bilder auf dem Host-Computer zu behalten? – devundef
Ich möchte, dass der Benutzer den Inhalt einer Seite ändern kann (d. H. Ich möchte, dass der Benutzer sein Bild hochlädt, nicht mein, und dann erscheint dieses Bild auf der Seite) – NodeNodeNode
Ich verstehe es! Sie können das Bild in base64 konvertieren und dann src = "data: image/png; <.. base64 image data ...>" einfügen. Sie müssen HTML5-Datei-API verwenden, um die Bilddatei zu lesen und dann die Daten in base64 zu konvertieren. Dieser Beitrag wird Ihnen bei der Konvertierung helfen: http://stackoverflow.com/questions/246801/how-can-you-encode-to-base64-using-javascript#246813 – devundef