1. 程式人生 > >Js中清空檔案上傳欄位(input type=file )

Js中清空檔案上傳欄位(input type=file )


   表單中type=file欄位的value屬性無法由js來附值,一但選中某個檔案後,如果使用者不手動去清空那麼這個值將保留,提交表單時對應檔案也會被提交上去.當然在伺服器上會再次驗證,不過為了避免上傳不必要的的檔案,還是有必要提前在客戶端驗證失敗後將檔案上傳欄位清空.
  具體做法是將file元素從DOM中移除,然後添加個"同名同姓"的上去,以下是基於JQuery寫的一段程式碼
      function clearUpload(){
          $("#fuImg").remove(); //移除原來的
          var upfile=$("").attr("name","fuImg").attr("id","fuImg");
          upfile.attr("type","file").addClass("w160");
          upfile.appendTo("#upload"); //新增新的
          upfile.change(fileChangeHandle); //繫結處理,
    }