js-Methode zum Implementieren hochgeladener Bilder. Vorschau_Javascript-Fähigkeiten

Das Beispiel in diesem Artikel beschreibt, wie man die Vorschau hochgeladener Bilder mit js implementiert. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

Funktion PreviewImage(imgFile)
{
var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);
Filextension=filextension.toLowerCase();
if ((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp' ))
{
Alert("Leider unterstützt das System nur Fotos in Standardformaten. Bitte passen Sie das Format an und laden Sie es erneut hoch. Vielen Dank!");
imgFile.focus();
}
sonst
{
var path;

if(document.all)//IE
{
imgFile.select();
Pfad = document.selection.createRange().text;

Document.getElementById("imgPreview").innerHTML="";
document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="" path "")";//Filtereffekte verwenden
}
sonst//FF
{
Pfad = imgFile.files[0].getAsDataURL();
Document.getElementById("imgPreview").innerHTML = "";
// document.getElementById("img1").src = path;
}
}
}

Anruf:

Code kopieren Der Code lautet wie folgt:

Bild hochladen:

Der Betriebseffekt ist wie folgt:

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.