清空文件內容

我有在清理文件的內容有些麻煩，當文件上傳通過Ajax.Below做的是我的模式彈出的HTML代碼，清空文件內容

  <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>

提交表單後，以前的圖像內容仍然存在。我嘗試了下面的方法。

$('#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'); 
    }); 
});

它不起作用。請提供解決方案。

來源

2017-05-31 L.Nelson

JS中的這些div不存在於您提供的HTML中。你想清除哪個div？ – Dino

您可以簡單地通過在通過ajax上傳數據後重新加載頁面來完成此操作。或者更復雜一點，你需要使用jQuery代碼，比如示例移除元素。你更傾向哪個？ –

我喜歡jQuery代碼，如果我上載圖像以除去元素 –

給一個ID的形式和調用形式復位功能：

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

您也可以用js爲：

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

要重置一個div：

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

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

在這裏找到工作小提琴：

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

來源

2017-06-01 09:38:46 techhunter

清空文件內容

回答

相關問題