首頁 > web前端 > js教程 > 主體

JavaScript判斷檔案上傳型別的方法_javascript技巧

WBOY
發布: 2016-05-16 16:38:00
原創
1382 人瀏覽過

本文實例展示了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()方法用來建立呼叫這個節點的一個完全相同的副本,參數tr​​ue表示執行深複製,也就是複製節點及整個子節點樹,在參數為false的情況下,執行淺複製,即只複製節點本身。複製後傳回的節點副本屬於文件所有,但並沒有為它指定父節點。因此,這個節點副本就成為了一個“孤兒”,除非透過appendChild()、insertBefore()或replaceChild()將它加入文件中。

希望本文所述對大家運用javascript進行web程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板