本文實例展示了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程式設計有所幫助。