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