Zeigen Sie Bild aus blob in javascript

ich bin mit localstorage von html5. zuerst werde ich sparen, mysql-db Werte in "localstorage" dann bin ich mir Holen wo ich will.seine feine. ich will Bilder speichern (wie Bilder der Produkte) in "localstorage" und dann wollen Ihnen zeigen, wo ich will,

ich ein experiment, wie ich gespeicherte Bilder im blob in mysql, und ich bin in der Lage zu Holen, und zeigen Sie mit Hilfe von php, aber ich möchte nicht, dass php hier,der Zweck ist der offline-arbeiten.ich bin nicht in der Lage zu zeigen, Bild via javascript

jemand mir helfen kann??
Möglicherweise gibt es zwei Möglichkeiten,

ist, können wir encript Bild (ich habe den Pfad zum Bild)in eine Art von string in javascript und dann kann ich zeigen, dass auf überall.

Zweiten Weg..
als ich sagte, ich speicherte es im blob kann ich mit javascript nur zeigen, das Bild aus dem blob. übrigens kann ich fectch Wert aus der Datenbank leicht.jetzt die einzige Sache ist, zu speichern diesen Wert in javascript und zeigt sein Bild wo ich will.

Ich warte auf Antwort danke:)

InformationsquelleAutor vuimran | 2010-12-18
  1. 7

    Können Sie eine Data-URI-Schema für die Bilder:

    <img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />

    Dies erfordert, dass Sie die Daten zu codieren, und es gibt ein limit für die Größe der in einigen Browsern (32 Kb, in IE, zum Beispiel).

    • Würde, dass die Arbeit im IE6 und 7?
    • F - No. Aus dem verlinkten Artikel: Internet Explorer through version 7 (approximately 27% of the market as of July 2010), lacks support.
    InformationsquelleAutor Oded
  2. 7

    Können Sie auch URL.createObjectURL(blob) angegeben hier und für cross-browser-Kompatibilität, überprüfen Sie diese aus:

    var uri = URL.createObjectURL(blob);
var img = new Image();

img.src = uri;
document.body.appendChild(img);
    • Wie schaffen Sie das URL-Objekt?
    • URL vorhanden sein sollte, im globalen Bereich (d.h. window.URL), aber wenn Sie nicht mit einem modernen web-browser könnte es werden herstellerspezifische, so tun Sie das folgende: var URL = window.URL || window.webkitURL;
    • Von dieser Antwort war ich in der Lage, um die mdn für diese Angabe: developer.mozilla.org/en/docs/Web/API/Blob
    InformationsquelleAutor Patrick Roberts
Schreibe einen Kommentar