DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript判斷文件上傳類型的方法教程
JavaScript判斷文件上傳類型的方法教程
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved