Kontrol unggahan (<input type="file"/>) digunakan untuk menelusuri dan mengunggah file pada klien. Jalur yang dipilih oleh pengguna dapat diperoleh dengan atribut value, tetapi atribut value bersifat read-only dan tidak bisa ditugaskan melalui javascript, yang membuatnya tidak dapat dihapus melalui pernyataan value="" . Sangat mudah untuk memahami mengapa ini hanya-baca. Jika nilainya dapat ditetapkan sesuka hati, selama pengguna membuka halaman web Anda, Anda dapat mengunggah file ke komputernya sesukanya.
js mendapat nilai <intput type=file />
Copy kode kodenya sebagai berikut:
<html>
<bahasa skrip='javascript'>
pertunjukan fungsi(){
var p=document.getElementById("file1").value;
document.getElementById("s").innerHTML="<input id=tipe gambar=tinggi gambar=96 lebar=128 /> ";
dokumen.getElementById("pic").src=p;
peringatan(p);
}
</skrip>
<kepala>
<title>MyHtml.html</title>
</kepala>
<tubuh>
<input type='file' nama='file1' id='file1' onpropertychange='show();' />
<span id="s"></span>
</tubuh>
</html>
Dua metode untuk menghapus nilai kontrol unggahan (<input type="file"/>)
Metode 1:
Copy kode kodenya sebagai berikut:
<span id=span1>
<masukan nama=ab tipe=file>
</span>
<nama masukan=button1 type=button value="Tekan" onclick=show()>
<bahasa skrip=javascript>
pertunjukan fungsi()
{
document.getElementById("span1").innerHTML="<nama masukan=ab type=file>";
}
</skrip>
Metode 2:
Copy kode kodenya sebagai berikut:
fungsi clearFileInput(file){
var form=document.createElement('form');
document.body.appendChild(form);
//Ingat posisi file di form lama
var pos=file.saudara berikutnya;
form.appendChild(file);
formulir.reset();
pos.parentNode.insertBefore(file,pos);
document.body.removeChild(form);
}