Dieser Artikel beschreibt die Methode zum Hochladen der Bildvorschau durch JS. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: Funktion Previewimage (IMGFile)
{
var FileExtension = imgFile.Value.substring (imgFile.Value.LastIndexof ("."), ImgFile.Value.Length);
FileExtesion = FileExtesion.tolowerCase ();
If (((FileExtesion! = '. JPG') && (FileExtesion! = '. Gif') && (FileExtesion!
{
Alert ("Entschuldigung, das System unterstützt nur Fotos in Standardformaten. Bitte passen Sie das Format an und laden Sie es erneut hoch, danke!").
imgFile.focus ();
}
anders
{
var Pfad;
if (document.all) // dh
{
ImgFile.Select ();
path = document.Selection.Createrange (). Text;
document.getElementById ("imgpreview"). InnerHtml = "";
document.getElementById ("imgpreview").
}
sonst // ff
{
path = imgFile.files [0] .getasDataurl ();
document.getElementById ("imgpreview"). InnerHtml = "<img id = 'img1' width = '120px' height = '100px' src = '"+path+"'/>";
// document.getElementById ("img1"). src = path;
}
}
}
Angerufen:
Kopieren Sie den Code wie folgt: Laden Sie das Bild hoch: <Eingabe type = "Datei" name = "Datei"
style = "width: 200px; Höhe: 20px;" onchange = "previewImage (this)" id = "upload" />
<div id = "imgpreview">
</div>
Der Betriebseffekt ist in der folgenden Abbildung dargestellt:
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.