Erstellung von Bild-Objekt mit dem lokalen Bild mit javascript
Möchte ich das image-Objekt, wenn der Benutzer die Auswahl einer Datei aus html-Seite.
Wie kann ich das image-Objekt für dynamische Bilder. Kann jemand mir das Beispiel-snippet .
Vielen Dank im Voraus
- Sie haben zu setzen einige mehr Aufwand in Ihre Frage.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Grundsätzlich:
Können Sie eine
img
element wie jedes andere element:createElement
. (Es gibt auchnew Image()
die ziemlich viel die gleiche Sache, nur ein legacy-Mechanismus.)Können Sie seine Quelle durch die Einstellung des
src
Eigenschaft, die einfile://
URL, die der Benutzer versorgt......oder Sie können lassen Sie Sie wählen Sie über eine
input type="file"
element wenn Ihr browser unterstützt die Verwendung von Datei-API; siehe meine Antwort auf diese Frage für den Zugriff auf Bild-Daten auf diese Weise.Können Sie die
img
- element in das Dokument, indem es um jeweils andere element, das Sie Anhängen möchten, es zu, überappendChild
oder ähnliche Methoden.Können Sie finden ein vorhandenes element mit
getElementById
,getElementsByTagName
, etc., oder (in den meisten Browsern aber nicht alle)querySelector
/querySelectorAll
.Neben den verschiedenen Spezifikationen verknüpft inline oben, vielleicht finden Sie auch das neue work-in-progress HTML5-Spezifikation nützlich.
Dem folgenden code wird ein leeres image-Objekt und es wird das src.
Sind wir nicht in der Lage, zu identifizieren, Ihre Frage & der Zweck. bitte machen Sie ein jsfiddle mit minimalen Testfall. Oder erläutern Sie Ihre Frage klar und deutlich.