1. 程式人生 > >檔案上傳時對input標籤的重置

檔案上傳時對input標籤的重置

  • 在使用input上傳檔案時,通常會繫結onchange事件,但是檔案上傳後input的value值不會主動清空,以至於再次上傳同名檔案時不會觸發onchange事件,所以需要手動清空。三種方法如下:

  • html結構

    <form action="" id="uploads">
        <input type="file" id="fileUp"/>
    </form>
  • js程式碼:
    1# 將整個form表單重置
        $("#uploads")[0].reset();  //重置

    2# 將當前input標籤的value值設為空
document.getElementById("fileUp").value = ""; 3# 重新載入該DOM節點 <能實現,但不推薦使用> var upDom = document.getElementById("fileUp") upDom.outerHTML = upDom.outerHTML;