JavaScript判斷文件上傳類型的方法
本文實例展示了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)文章
jQuery NProgress.js加載進度插件的簡單使用方法
NProgress是基于jquery的,且版本要 >1.8 。這篇文章主要介紹了NProgress.js加載進度插件的簡單使用方法,需要的朋友可以參考下2018-01-01JS字符串轉(zhuǎn)換為數(shù)組的4 個方法示例小結(jié)
這篇文章主要介紹了JS字符串轉(zhuǎn)換為數(shù)組的4 個方法示例小結(jié),本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12