In diesem Artikel wird die Methode zur Implementierung des Bildvorschau -Effekts beschrieben, bevor Bilder von JS hochgeladen werden. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> Bildvorschau -Effekt vor dem Hochladen von Bildern von JS </title>
</head>
<body>
<input id = "myfile" type = "file" />
<br />
<img src = "/images/logo.gif"/>
<div id = "info"> </div>
<script type = "text/javaScript">
var dfile = document.getElementById ('myFile');
var dimg = document.getElementsByTagName ('img') [0];
var dinfo = document.getElementById ('info');
dfile.onchange = function () {
If (!
if (dfile.files) {
dimg.src = dfile.files [0] .getasDataurl ();
} else if (dfile.value.indexof ('//')> -1 || dfile.value.indexof ('//')> -1) {
dimg.src = dfile.Value;
}
}
</script>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.