クリアファイルの内容のモーダルポップアップで

Question

をファイルをアップロードした後、私は、ファイルのアップロードがAjax.Belowを介して行われたときに、ファイルの内容をクリアでいくつかの問題を抱えています

  <div class="modal-header bg-blue"> 
       <div class="desktop_view"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
        <h4 class="modal-title"id="myModalLabel">Upload Document</h4> 
       </div> 
       <div class="mobile_view"> 
        <button type="button" class="btn btn-default btn-xs pull-right bold" data-dismiss="modal">Close</button> 
        <h4 class="modal-title"id="myModalLabel">Upload Document</h4> 
       </div> 

      </div> 
      <div class="modal-body"> 
       <div class="upload-container"> 
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
         <div class="row"> 
          <div class="form-group fileinput-button"> 
           <label class="col-lg-6 col-md-6 col-sm-6 col-xs-12 control-label">Select Your Document:</label> 
           <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"><input type="file" multiple name="file[]" accept="image/*" id="files" ></div> 
          </div> 
         </div> 
        </div> 
       </div> 
       <div class="clearfix"></div> 
       <div class="preview-container"> 
        <div class="col-lg-12"> 
         <div class="clearfix"></div> 
         <div id="dvPreview" class="preview-container"></div> 
        </div> 
       </div> 
      </div> 
      <div class="modal-footer"> 

       <input type="submit" value="Upload" class = "btn btn-info" id= "save" /> 
       <button type="button" class="btn btn-danger myclose" data-dismiss="modal">Close</button> 
      </div> 
     </form> 

    </div> 
</div> 

、私のモーダルポップアップhtmlコードです

フォームを送信した後、以前の画像コンテンツはまだ存在します。以下の方法を試しました。

$('#myModalone').find('form')[0].reset(); 

$(function() { 
    // Delegating to `document` just in case. 
    $(document).on("hidden.bs.modal", "#myModalone", function() { 

     //$('.modal-body').find('input').val(''); 
     $(this).removeData('bs.modal'); 
    }); 
}); 

解決策を提示してください。

$('#div_id input[type="text"]').val(''); 

$('#div_id input[type="file"]').val(''); 

：DIVをリセットするには

document.getElementById('formId').reset(); 

：あなたのようにJSを使用することができます。また

$("#formId")[0].reset() 
// or 
$("#formId").get(0).reset() 

：として

Answer 1

フォームのリセット機能をフォームにIDを付けて呼び出しますここで働くフィドルを見つけてください：

http://jsfiddle.net/Safoora/Car52/174/