本文實例展示了JavaScript判斷文件上傳類型的方法,是一個非常常用的技巧。具體實現方法如下:
文件上傳時用到一個功能,使用html元素的input標簽實現:
<input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file" title="點擊選擇文件" onchange="imageSubmit(this,0);"/>
選中圖片後立即觸發onchange事件上傳圖片,但是重復選擇相同的圖片不會觸發onchang事件,解決辦法如下:
function imageSubmit(obj, imageType) { if (imageType == "0") { //相關處理代碼... //解決上傳相同圖片不觸發onchange事件 var nf = obj.cloneNode(true); nf.value=''; obj.parentNode.replaceChild(nf, obj); } }
cloneNode()方法用來創建調用這個節點的一個完全相同的副本,參數true表示執行深復制,也就是復制節點及整個子節點樹,在參數為false的情況下,執行淺復制,即只復制節點本身。復制後返回的節點副本屬於文檔所有,但並沒有為它指定父節點。因此,這個節點副本就成為了一個“孤兒”,除非通過appendChild()、insertBefore()或replaceChild()將它添加到文檔中。
希望本文所述對大家運用javascript進行web程序設計有所幫助。