如何清除文件輸入而不會丟失事件偵聽器和擴展屬性？

我想清除表單中的文件輸入，但我使用的是AngularJS和其他JQuery組件，我不能丟失事件偵聽器和擴展屬性。如何清除文件輸入而不會丟失事件偵聽器和擴展屬性？

還有一種方法可以在不刪除或使用JQuery replaceWith或clone函數？

2015-07-21 LeonanCarvalho

剛剛設置爲value屬性爲空字符串呢？

function clearFile() { 
 
    document.getElementById("file").value = ""; 
 
}

<input type="file" name="" id="file" /> 
 
<input type="button" value="clear" onclick="clearFile();" />

來源

2015-07-21 18:47:28 martynasma

我認爲它enougth，需要使用事件處理程序的expando和validadors多一點的測試，如需要。 – LeonanCarvalho

你可以用它克隆來替換文件的輸入;

$('#delImg').on('click', function() { 
 
    $('body #exampleInputFile').replaceWith($('body #exampleInputFile').val('').clone(true)); 
 

 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
    <label for="exampleInputFile">File input</label> 
 
    <input type="file" id="exampleInputFile"> 
 
    
 
<button type="button" id="delImg" class="btn btn-default btn-hover-green" data-action="save" data-dismiss="modal" role="button">Delete</button> 
 
</div>

來源

2015-07-21 18:48:36

如何清除文件輸入而不會丟失事件偵聽器和擴展屬性？

回答

相關問題