Vollständiges HTML des Upload-Formulars mit Bildvorschau

Vollständiges HTML des Upload-Formulars mit Bildvorschau

Das Upload-Formular mit Bildvorschaufunktion, der komplette HTML- Code lautet wie folgt
<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312">
<title>Upload-Formular mit Bildvorschaufunktion jb51.net</title>
<Skript>
Funktion viewmypic(mypic,imgfile) {
wenn (Bilddatei.Wert){
meinBild.src=Bilddatei.Wert;
meinBild.style.display="";
meinBild.border=1;
}
}
</Skript>
</Kopf>
<Text>
<Mitte>
<form>
<input name="bilddatei" type="file" id="bilddatei" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />
<br />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" alt="Bildvorschau" />
<br />
</div>
<div Stil="Anzeige:keine">
</div>
</center>
</body>
</html>

<<:  Detaillierte Erläuterung der Überwachung des Jenkins-Prozesses basierend auf Zabbix

>>:  So kapseln Sie Abfragekomponenten basierend auf Element-UI Schritt für Schritt

Artikel empfehlen

CentOS 7: Erläuterung zum Wechseln des Boot-Kernels und des Boot-Modus

Centos7-Switch-Boot-Kernel Hinweis: Bei Bedarf wi...

Detaillierte Erläuterung der Dateisystemformate der EXT-Serie in Linux

Linux-Dateisystem In der Abbildung oben sind herk...

Das Prinzip und die Implementierung des JS-Drag-Effekts

Die Drag-Funktion wird hauptsächlich verwendet, u...

So stellen Sie LNMP und phpMyAdmin in Docker bereit

Umweltvorbereitung: Stellen Sie lnmp auf einem Ho...

So führen Sie PostgreSQL mit Docker aus

1. Installieren Sie Docker. Referenz-URL: Docker-...

Nodejs-Plugin und Nutzungsübersicht

Die Betriebsumgebung dieses Tutorials: Windows 7-...

Fassen Sie die häufig verwendeten n-ten-Kind-Selektoren zusammen

Vorwort In der Front-End-Programmierung verwenden...

Implementierung der Docker-Container-Statuskonvertierung

Ein Zustandsübergangsdiagramm eines Docker-Contai...

MySQL 5.7.18 Installer Installation Download Grafik-Tutorial

Dieser Artikel enthält das ausführliche Installat...