Как очистить входной файл Bootstrap поле

Question

Person,

У меня есть страница с 2 ввода текста и 2 входного файла когда я получаю ответ AJAX, отправить очистить всю форму, как код ниже, но только поле не очистил поле:

Here my page

<input class="fileUploadAudio" id="fileUploadAudio" name="fileUploadAudio" type="file"></span> 

Я считаю, что мы должны иметь какой-то конфликт, я сделал все, и я не могу ясно го является благословенной страной.

PS: Если вам нужно, я публикую страницу, чтобы посмотреть.

<div class="form-group"> 
        <label class="col-sm-3 control-label">Imagem para Push</label> 
        <div class="col-sm-6"> 
         <div class="fileinput fileinput-new" data-provides="fileinput"> 
          <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;"> 
          <img src="http://placehold.it/190x140/7761A7/ffffff" alt="..."> 
          </div> 
          <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div> 
          <div> 
          <span class="btn btn-primary btn-file"><span class="fileinput-new">Selecionar imagem</span><span class="fileinput-exists">Alterar</span> 
          <input class="arquivo" id="arquivo" name="arquivo" type="file"></span> 
          <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remover</a> 
          </div> 
         </div> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label class="col-sm-3 control-label">Áudio para a campanha</label> 
        <div class="col-sm-6"> 
         <div class="fileinput fileinput-new" data-provides="fileinput"> 
          <input name="..." value="" type="hidden"> 
          <span class="btn btn-primary btn-file"><span class="fileinput-new">Selecionar áudio</span> 
          <span class="fileinput-exists">Alterar</span> 
          <input class="fileUploadAudio" id="fileUploadAudio" name="fileUploadAudio" type="file"></span> 
          <span class="fileinput-filename"></span> 
          <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">×</a> 
         </div> 
        </div> 
       </div> 

В ответ я отправить АЯКС ясно поля формы, как это:

$(".formulario")[0].reset(); 
$(".formulario").get(0).reset(); 
$('#cancelButton').hide(); 
$("#fileUploadAudio").val(""); 
$('#submitButton').hide(); 

Я даже пытался очистить только входной файл таким образом:

$('#fileUploadAudio').val(''); 

Answer 1

Я предполагаю, что вы пытаются сбросить всю форму.

1. Изменить внешний div тег form, как следующие:

   Заменить

   <div class="form-group">...</div>

   с

   <form class="form-group" id="formulario">...</form>

2. пойск с помощью JQuery

   $("#formulario")[0].reset(); 
   

Answer 2

если родной Java функция сброса скрипт не работает, то вы должны вызвать функцию сброса $("#formulario").trigger("reset");