欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript判斷文件上傳類型的方法

 更新時間:2014年09月02日 15:39:15   投稿:shichen2014  
這篇文章主要介紹了JavaScript判斷文件上傳類型的方法,可實現(xiàn)針對重復(fù)的內(nèi)容也能觸發(fā)onchange事件,需要的朋友可以參考下

本文實例展示了JavaScript判斷文件上傳類型的方法,是一個非常常用的技巧。具體實現(xiàn)方法如下:

文件上傳時用到一個功能,使用html元素的input標簽實現(xiàn):

<input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file"   title="點擊選擇文件" 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)用這個節(jié)點的一個完全相同的副本,參數(shù)true表示執(zhí)行深復(fù)制,也就是復(fù)制節(jié)點及整個子節(jié)點樹,在參數(shù)為false的情況下,執(zhí)行淺復(fù)制,即只復(fù)制節(jié)點本身。復(fù)制后返回的節(jié)點副本屬于文檔所有,但并沒有為它指定父節(jié)點。因此,這個節(jié)點副本就成為了一個“孤兒”,除非通過appendChild()、insertBefore()或replaceChild()將它添加到文檔中。

希望本文所述對大家運用javascript進行web程序設(shè)計有所幫助。

相關(guān)文章

  • JavaScript把局部變量變成全局變量的方法

    JavaScript把局部變量變成全局變量的方法

    這篇文章主要介紹了JavaScript把局部變量變成全局變量的方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • js常用的繼承--組合式繼承

    js常用的繼承--組合式繼承

    本篇文章主要介紹了js常用的繼承--組合式繼承的相關(guān)知識,具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • jQuery NProgress.js加載進度插件的簡單使用方法

    jQuery NProgress.js加載進度插件的簡單使用方法

    NProgress是基于jquery的,且版本要 >1.8 。這篇文章主要介紹了NProgress.js加載進度插件的簡單使用方法,需要的朋友可以參考下
    2018-01-01
  • js實現(xiàn)簡單的可切換選項卡效果

    js實現(xiàn)簡單的可切換選項卡效果

    這篇文章主要介紹了js實現(xiàn)簡單的可切換選項卡效果的方法,涉及javascript操作css樣式實現(xiàn)切換選項卡的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • JS字符串轉(zhuǎn)換為數(shù)組的4 個方法示例小結(jié)

    JS字符串轉(zhuǎn)換為數(shù)組的4 個方法示例小結(jié)

    這篇文章主要介紹了JS字符串轉(zhuǎn)換為數(shù)組的4 個方法示例小結(jié),本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2023-12-12
  • JS實現(xiàn)標簽頁切換效果

    JS實現(xiàn)標簽頁切換效果

    這篇文章主要為大家詳細介紹了JS實現(xiàn)標簽頁切換效果的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • 詳解JSON.stringify()的5個秘密特性

    詳解JSON.stringify()的5個秘密特性

    這篇文章主要介紹了詳解JSON.stringify()的5個秘密特性,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • js截取固定長度的中英文字符的簡單實例

    js截取固定長度的中英文字符的簡單實例

    下面是自己寫的一個簡單的函數(shù),用于截取固定長度的字符串,中英文都適用.若有不妥之處還請高手指正
    2013-11-11
  • JS使用new操作符創(chuàng)建對象的方法分析

    JS使用new操作符創(chuàng)建對象的方法分析

    這篇文章主要介紹了JS使用new操作符創(chuàng)建對象的方法,結(jié)合實例形式分析了javascript面向?qū)ο蟪绦蛟O(shè)計類的定義、new操作符對象的創(chuàng)建及相關(guān)操作注意事項,需要的朋友可以參考下
    2019-05-05
  • 在uniapp中如何去掉一些不想要的權(quán)限

    在uniapp中如何去掉一些不想要的權(quán)限

    在uniapp中,云打包以后會自動增加一個電話權(quán)限,并且在manifest.json里面也沒有添加這個權(quán)限,怎么添加都添加不上,下面小編給大家分享在uniapp中如何去掉一些不想要的權(quán)限,感興趣的朋友跟隨小編一起看看吧
    2024-03-03

最新評論