Wie zeigen Bild-Thumbnail vor dem Hochladen mit jQuery
Heute werde ich Ihnen zeigen, wie Vorschau anzuzeigen, bevor Bild mit jQuery hochladen, schrieben wir viele Tutorials auf das Hochladen von Bildern auf PHPGang.com. Wenn Sie möchten, dass Ihre Benutzer eine Option geben, dass sie Bildvorschau vor, das Bild mit dem Server sehen können das Hochladen, dann müssen Sie dieses Skript verwenden. Wir verwendeten jQuery Sie Vorschau von Miniatur nicht vollständig Verfahren zeigen Bild hochladen PHP Sie können unsere vorherigen Tutorial für den Upload Bild auf Server lesen.
Wie man mehrere Bilder jQuery Ajax mit PHP hochladen
Wie zum Hochladen Bild in PHP jQuery mit dem Fortschritt mit
$ ( "#uploadFile"). auf ( "change". function ()
var Dateien =. Dies. Dateien. Dies. Dateien. [];
wenn Rückkehr (Dateien Länge || Fenster Filereader....); // keine Datei ausgewählt ist, oder keine Unterstützung Filereader
if (/ ^ Bild /. Test (Dateien [0]. Typ)) < // only image file
var reader = new Filereader (); // Instanz des Filereader
Leser. readAsDataURL (Dateien [0]); // Lesen Sie die lokale Datei
Leser. onloadend = function () < // set image data as background of div
$ ( "#imagePreview"). CSS ( "background-image" "url (" + das Ergebnis + ")"..);
Hallo Huzoor,
In Chrom wird das hochgeladene Bild nicht auf den div Größe skaliert und somit nur ein Teil des Bildes kann das hochgeladene Bild vollständig fit ist innerhalb des div wo wie in mozilla firefox zu sehen.
Auch fand ich, dass die Thumbnail-Vorschau nicht sichtbar in IE und Safari ist.
Humble fordern Sie eine Lösung für das gleiche zu schreiben.
Hallo Huzoor,
In Chrom wird das hochgeladene Bild nicht auf den div Größe skaliert und somit nur ein Teil des Bildes kann das hochgeladene Bild vollständig fit ist innerhalb des div wo wie in mozilla firefox zu sehen.
Auch fand ich, dass die Thumbnail-Vorschau nicht sichtbar in IE und Safari ist.
Humble fordern Sie eine Lösung für das gleiche zu schreiben.
Siddhu Siddhartha Roy
Was soll ich tun, wenn ich große Bild hochladen. In CSS Sie haben feste Höhe und Breite Werte. aber ich will Auto zu.
Wenn ich Auto verwenden es funktioniert nicht. Hilf mir.
Danke Adavance!