O controle de upload (<input type="file"/>) é usado para navegar e fazer upload de arquivos no cliente. O caminho selecionado pelo usuário pode ser obtido pelo atributo value, mas o atributo value é somente leitura e não pode ser obtido. atribuído por meio de javascript, o que faz com que não possa ser limpo por meio da instrução value="". É fácil entender por que é somente leitura. Se o valor puder ser atribuído à vontade, desde que o usuário abra sua página da web, você poderá fazer upload dos arquivos em seu computador como desejar.
js obtém o valor de <intput type=file />
Copie o código do código da seguinte forma:
<html>
<linguagem de script='javascript'>
função mostrar(){
var p=document.getElementById("arquivo1").valor;
document.getElementById("s").innerHTML="<input id=pic type=image height=96 width=128 /> ";
document.getElementById("pic").src=p;
alerta(p);
}
</script>
<cabeça>
<title>MeuHtml.html</title>
</head>
<corpo>
<input type="arquivo" nome="arquivo1" id="arquivo1" onpropertychange="show();"
<span id="s"></span>
</body>
</html>
Dois métodos para limpar o valor do controle de upload (<input type="file"/>)
Método 1:
Copie o código do código da seguinte forma:
<span id=span1>
<nome de entrada=ab tipo=arquivo>
</span>
<input name=button1 type=button value="Press" onclick=show()>
<linguagem de script=javascript>
função mostrar()
{
document.getElementById("span1").innerHTML="<input name=ab type=file>";
}
</script>
Método 2:
Copie o código do código da seguinte forma:
função clearFileInput(arquivo){
var form=document.createElement('formulário');
document.body.appendChild(formulário);
//Lembra a posição do arquivo no formato antigo
var pos=arquivo.nextSibling;
formulário.appendChild(arquivo);
formulário.reset();
pos.parentNode.insertBefore(arquivo,pos);
document.body.removeChild(formulário);
}