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>

Übersicht über MySQL-Statistiken

Artikel

Vollständiges HTML des Upload-Formulars mit Bildvorschau

So starten Sie ein Java-Programm im Docker

Beispielcode zur Implementierung einer Auto-Increment-Sequenz in MySQL

Verwenden Sie JS, um Dateien zu bearbeiten (FileReader liest --node's fs)

Lösung zum Verlassen von Lücken zwischen BootStrap-Rastern

Detailliertes Installationstutorial für MySQL 5.7 unter CentOS 6 und 7

Grafisches Beispiel für die Verwaltung von Datenträgerkontingenten unter Linux

HTML+CSS+JavaScript zum Erstellen eines einfachen Tic-Tac-Toe-Spiels

Die Verwendung eines eindeutigen MySQL-Schlüssels in Abfragen und damit verbundene Probleme

Detaillierte Erläuterung des auf Python basierenden MySQL-Replikationstools

Übersicht über MySQL-Statistiken

Artikel empfehlen

Regeln für die Gestaltung des Anmeldeformulars

Packetdrills prägnantes Benutzerhandbuch

Detaillierte Erläuterung des Dezimal-Padding-Problems des Dezimal-Datentyps in MySQL

Eine kurze Analyse, ob die Verwendung von iframe zum Aufrufen einer Seite die Seite zwischenspeichert

Implementierungsprinzip und Konfiguration der MySql Master-Slave-Replikation

Beispielcode zum Ausblenden von Element-Bildlaufleisten mithilfe von CSS

Tabellenbezogene Anordnung und Javascript-Operationen table, tr, td

Detaillierte Erklärung der berechneten Eigenschaften in Vue

Webdesign-Kenntnisse: Hohe Rankingprobleme bei gemischten chinesischen und englischen Webseiten

Das CSS3-Diamantpuzzle realisiert die Funktion, nur das Div zu drehen und das Hintergrundbild nicht zu drehen

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.18 unter Win10 (Windows-Version)

So entfernen Sie in Linux ganz einfach installierte Quellpakete

Der Unterschied zwischen HTML, XHTML und XML

Der Unterschied zwischen HTML-Frame, Iframe und Frameset

So implementieren Sie ein responsives Layout in Vue-CLI