Das Upload-Steuerelement (<input type="file"/>) wird zum Durchsuchen und Hochladen von Dateien auf dem Client verwendet. Der vom Benutzer ausgewählte Pfad kann über das Wertattribut abgerufen werden, das Wertattribut ist jedoch schreibgeschützt und kann nicht sein durch Javascript zugewiesen, was dazu führt, dass es nicht über die value=""-Anweisung gelöscht werden kann. Es ist leicht zu verstehen, warum es schreibgeschützt ist. Wenn der Wert nach Belieben zugewiesen werden kann, können Sie die Dateien nach Belieben auf seinen Computer hochladen, solange der Benutzer Ihre Webseite öffnet.
js erhält den Wert von <intput type=file />
Kopieren Sie den Codecode wie folgt:
<html>
<script language='javascript'>
Funktion show(){
var p=document.getElementById("file1").value;
document.getElementById("s").innerHTML="<input id=pic type=image height=96 width=128 /> ";
document.getElementById("pic").src=p;
alarm(p);
}
</script>
<Kopf>
<title>MyHtml.html</title>
</head>
<Körper>
<input type="file" name="file1" id="file1" onpropertychange="show();" />
<span id="s"></span>
</body>
</html>
Zwei Methoden zum Löschen des Werts des Upload-Steuerelements (<input type="file"/>)
Methode 1:
Kopieren Sie den Codecode wie folgt:
<span id=span1>
<Eingabename=ab-Typ=Datei>
</span>
<input name=button1 type=button value="Press" onclick=show()>
<Skriptsprache=Javascript>
Funktion show()
{
document.getElementById("span1").innerHTML="<input name=ab type=file>";
}
</script>
Methode 2:
Kopieren Sie den Codecode wie folgt:
Funktion clearFileInput(file){
var form=document.createElement('form');
document.body.appendChild(form);
//Merken Sie sich die Position der Datei im alten Formular
var pos=file.nextSibling;
form.appendChild(file);
form.reset();
pos.parentNode.insertBefore(file,pos);
document.body.removeChild(form);
}