Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

donatinho

Apagar o conteúdo de um input type="file"

Recommended Posts

Bom dia pessoal, tudo bem?Tenho uma dúvida que é a seguinte.... caso o usuário entre com um caminho errado, tenho um botão limpar que apaga o caminno que ele selecionou para o meu arquivo...só que estou usando um <input type='file'... > e não estou conseguindo apagá-lo... como faco?obrigadodonatinho

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho que assim dá certo:<input type="reset" onClick="this.form.nome_do_campo.value= ' ' ">

mas o meu botão de limpar é uma imagem e como ficaria?<td height="20" align="center"> <img src="img/bt_limpar.gif" border="0" style="cursor:hand" onclick="limpaCampo(document.forms[0])"> </td>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho que assim dá certo:<input type="reset" onClick="this.form.nome_do_campo.value= ' ' ">

mas o meu botão de limpar é uma imagem e como ficaria?<td height="20" align="center"> <img src="img/bt_limpar.gif" border="0" style="cursor:hand" onclick="limpaCampo(document.forms[0])"> </td>
Faz assim:
<img src="img/bt_limpar.gif" border="0" style="cursor:hand" onclick="document.nome_do_form.nome_do_campo.value= ' ' ">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu cara... obrigado pela ajuda....donatinho

Acho que assim dá certo:<input type="reset" onClick="this.form.nome_do_campo.value= ' ' ">

mas o meu botão de limpar é uma imagem e como ficaria?<td height="20" align="center"> <img src="img/bt_limpar.gif" border="0" style="cursor:hand" onclick="limpaCampo(document.forms[0])"> </td>
Faz assim:
<img src="img/bt_limpar.gif" border="0" style="cursor:hand" onclick="document.nome_do_form.nome_do_campo.value= ' ' ">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Por ser um campo read-only, assim como você não consegue colocar um valor padrão, creio que não há como limpá-lo também! Veja o erro retornado pelo Console do Javascript do FireFox:

 

Erro: uncaught exception: [Exception... "Security error" code: "1000" nsresult: "0x805303e8 (NS_ERROR_DOM_SECURITY_ERR)" location: "<unknown>"]

Fiz simplesmente isso:

 

<input type="file" name="Arquivo" id="Arquivo"><input type="button" value="Limpar" onClick="document.getElementById('Arquivo').value=''">
B)

 

Esse seu botão limpar é para limpar o formulário todo ? Se for... usa o type="reset" ou no caso de usar uma imagem... faz assim:

 

<img src="bla.gif" onClick="document.nome_form.reset()">

Compartilhar este post


Link para o post
Compartilhar em outros sites

olá,

tenho uma solução, gentilmente denominada de POG, porém bastante eficiente.

Segue abaixo:

 

no HTML:

<form ... >
    <span id="input_file">
        <input type="file" ... >
    </span>
</form

 

e no JAVASCRIPT:

document.getElementById('input_file').innerHTML = document.getElementById('input_file').innerHTML

Garanto que funcionará, pois na verdade ação deste SCRIPT é pegar o elemento existente e recriá-lo

 

Att.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.