本文實(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ù)選擇相同的圖片不會觸發(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ì)有所幫助。