Zeigen Sie vor dem Hochladen eine Bildvorschau an
In meinem HTML-Formular habe ich die Eingabe eingereicht, mit der Typ-Datei zum Beispiel :
<input type="file" multiple>
Bin ich dann auswählen von mehreren Dateien, indem Sie das Eingabe-Taste.
Nun möchte ich zeigen Vorschau der gewählten Bilder vor dem Absenden . Wie man das in HTML 5?
InformationsquelleAutor der Frage Hardik Sondagar | 2012-12-28
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier habe ich mit jQuery verwenden FileReader-API.
Html-Markup:
jQuery:
Hier im jQuery code,den ich zunächst prüfen, ob Datei-Erweiterung. ich.e eine gültige Bild-Datei verarbeitet werden, dann wird geprüft, ob die browser-Unterstützung FileReader API ist ja dann nur noch bearbeitet, sonst Anzeige respektiert Nachricht
Ausführlicher Artikel: Vorschau-Bild vor dem upload, jQuery, HTML5 FileReader() mit Live-Demo
InformationsquelleAutor der Antwort Satinder singh