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>

Lösung für das Problem, dass Mixin in SCSS nicht funktioniert (der Browser kann es nicht kompilieren)

Artikel

Vollständiges HTML des Upload-Formulars mit Bildvorschau

Drei Vererbungsmethoden in JavaScript

Tutorial zur Master-Slave-Konfiguration der MySQL-Datenbank unter Windows

Lösung für das Problem, dass Mixin in SCSS nicht funktioniert (der Browser kann es nicht kompilieren)

Installations- und Konfigurationsmethode von Zabbix Agent auf der Linux-Plattform

Der Unterschied zwischen useEffect und useLayoutEffect in React

So bringen Sie Ihren Browser dazu, mit JavaScript zu sprechen

Implementierung von Nginx Hot Deployment

Detailliertes Tutorial zur Konfiguration von Docker nginx + https-Subdomains

Best Practices zum Teilen von React-Code

So implementieren Sie eine geplante automatische Sicherung von MySQL unter CentOS7

Artikel empfehlen

Detaillierte Erläuterung der Angular-Routing-Unterrouten

Beispiel für die Implementierung einer kaskadierenden MySQL-Replikation

So implementieren Sie Property Hijacking mit JavaScript defineProperty

Fähigkeiten zur Erstellung von Webformularen

Analyse des HTML-Schreibstils und Gründe erfahrener Leute

So implementieren Sie ein horizontales Balkendiagramm mit Prozentangaben in E-Charts

Diese Dinge wissen Sie vielleicht nicht über die automatische ID-Inkrementierung in MySQL

Anwendungsbeispiele für die try_files-Direktive von Nginx

Vue Element Front-End-Anwendungsentwicklung, dynamische Menü- und Routing-Assoziationsverarbeitung

So implementieren Sie Sveltes Defer Transition in Vue

So installieren Sie Maven automatisch in der kontinuierlichen Integration von Linux

Führen Sie die folgenden Schritte aus, damit Nginx Anti-Hotlinking konfiguriert.

Grafisches Tutorial zur Installation und Konfiguration komprimierter Pakete in MySQL 8.0.16

Erkunden Sie die gängigen VMware ESXI CLI-Befehle

Detaillierte Erläuterung des Implementierungsprinzips von ACID-Transaktionen in MySQL