JavaScript判斷文件上傳類型的方法
本文實(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()將它添加到文檔中。
希望本文所述對(duì)大家運(yùn)用javascript進(jìn)行web程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了JavaScript把局部變量變成全局變量的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
本篇文章主要介紹了js常用的繼承--組合式繼承的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
jQuery NProgress.js加載進(jìn)度插件的簡(jiǎn)單使用方法
NProgress是基于jquery的，且版本要 >1.8 。這篇文章主要介紹了NProgress.js加載進(jìn)度插件的簡(jiǎn)單使用方法,需要的朋友可以參考下2018-01-01
js實(shí)現(xiàn)簡(jiǎn)單的可切換選項(xiàng)卡效果
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單的可切換選項(xiàng)卡效果的方法,涉及javascript操作css樣式實(shí)現(xiàn)切換選項(xiàng)卡的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JS字符串轉(zhuǎn)換為數(shù)組的4 個(gè)方法示例小結(jié)
這篇文章主要介紹了JS字符串轉(zhuǎn)換為數(shù)組的4 個(gè)方法示例小結(jié),本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
JS實(shí)現(xiàn)標(biāo)簽頁(yè)切換效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)標(biāo)簽頁(yè)切換效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了詳解JSON.stringify()的5個(gè)秘密特性，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
js截取固定長(zhǎng)度的中英文字符的簡(jiǎn)單實(shí)例
下面是自己寫的一個(gè)簡(jiǎn)單的函數(shù)，用于截取固定長(zhǎng)度的字符串，中英文都適用.若有不妥之處還請(qǐng)高手指正2013-11-11
JS使用new操作符創(chuàng)建對(duì)象的方法分析
這篇文章主要介紹了JS使用new操作符創(chuàng)建對(duì)象的方法,結(jié)合實(shí)例形式分析了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)類的定義、new操作符對(duì)象的創(chuàng)建及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-05-05
在uniapp中,云打包以后會(huì)自動(dòng)增加一個(gè)電話權(quán)限,并且在manifest.json里面也沒有添加這個(gè)權(quán)限,怎么添加都添加不上,下面小編給大家分享在uniapp中如何去掉一些不想要的權(quán)限,感興趣的朋友跟隨小編一起看看吧2024-03-03