Limpar campo file em jquery

[Scientist 2]

Bom dia, tenho um formulário onde tem 10 campos file que armazenam as fotos selecionadas pelo usuário, como faço para quando ele clicar em um link por exemplo: LIMPAR, o arquivo do campo file é apagado.

[William Bruno 1501]

tente usando o input type="reset"

[Scientist 2]

não entendi ... como eu faria isso em jquery

[angelorubin 142]

Boa tarde,

 

Veja se assim ajuda.

 

Javascript

<script type="text/javascript">

function limparCampoFile(){
document.getElementById("arquivo").value = "";
}

</script>

 

Xhtml

<form>
<input id="arquivo" name="arquivo" type="file" size="40" />
<input id="limpar" onclick="limparCampoFile();" name="limpar" type="button" value="Limpar campo" />
</form>

[William Bruno 1501]

<input type="reset" name="limpar" value="Limpar" />

apenas HTML puro.

[Scientist 2]

Mais William, se eu usar o reset, vai resetar todo formulario e eu quero apenas 1 campo, o file !

[angelorubin 142]

É um botão para limpar os 10 campos? Ou você precisa de um botão limpar para cada campo file?

[Scientist 2]

preciso de um botão para limpar cada campo file !!

 

Exemplo:

 

FOTO 1 [LIMPAR]

FOTO 2 [LIMPAR]

FOTO 3 [LIMPAR]

FOTO 4 [LIMPAR]

.

.

.

FOTO 10 [LIMPAR]

[angelorubin 142]

Com jQuery da para fazer com Siblings

 

Veja um Exemplo:

 

Clique aqui

[Reinaldo Pereira Gomes 0]

Em JQuery costumo usar:

//Para IE$("#CampoX").replaceWith($("#CampoX").clone(true));//Para os demais $("#CampoX").val("");