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