コントロールのアップロードに関する基本的な知識:
アップロードコントロール(<input type = "file"/>)は、ユーザーが選択したパスを閲覧およびアップロードするために使用されますが、値属性は読み取りのみであり、 JavaScriptを介して割り当てられます。これにより、value = ""ステートメントでクリアできません。読み取り専用の理由を理解するのは簡単です。
js <intput type = file />の値を取得します
次のようにコードコードをコピーします。
<html>
<スクリプト言語= 'JavaScript'>
関数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;
アラート(P);
}
</script>
<head>
<title> myhtml.html </title>
</head>
<body>
<input type = "file" name = "file1" = "file1" onpropertychange = "show();"
<span id = "s"> </span>
</body>
</html>
アップロードコントロールの値をクリアする2つの方法(<input type = "file"/>)
方法1:
次のようにコードコードをコピーします。
<span id = span1>
<入力名= abタイプ=ファイル>
</span>
<入力名= button1タイプ=ボタン値= "を押す" onclick = show()>
<スクリプト言語= javascript>
関数show()
{{
document.getElementById( "span1")。innerhtml = "<input name = ab type = file>";
}
</script>
方法2:
次のようにコードコードをコピーします。
関数ClearFileInput(file){
var form = document.createelement( 'form');
document.body.appendChild(form);
//古いフォームのファイルの場所を覚えておいてください
var pos = file.nextsibling;
form.appendChild(file);
form.reset();
pos.parentnode.insertbefore(file、pos);
document.body.removechild(form);
}