jQuery獲取上傳文件的名稱(chēng)的正則表達(dá)式
方法一:
$('input[type="file"]').on('change', function() { var reg = /[^\\\/]*[\\\/]+/g; //匹配文件的名稱(chēng)和后綴的正則表達(dá)式 var name = $(this).val().replace(reg, ''); var postfix = /\.[^\.]+/.exec(name);//獲取文件的后綴 var text =name.substr(0,postfix['index']);//獲取沒(méi)有后綴的名稱(chēng) // 檢測(cè)上傳文件 });
方法二:
以下只是個(gè)例子,變量file可以是任意類(lèi)似于網(wǎng)絡(luò)路徑的字符串,這個(gè)例子是獲得name=file的對(duì)象傳過(guò)來(lái)的文件地址
var file=jQuery("input[name='file']").val()
var filename=file.replace(/.*(\/|\\)/, "");
var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';
filename得到文件名
fileExt得到后綴名
方法三:
網(wǎng)上能找到的正則表達(dá)式大多都沒(méi)有考慮中文文件夾和中文文件名的情況。
后來(lái),自己動(dòng)手寫(xiě)了一個(gè)。在走過(guò)了不少歪路后,我根據(jù)windows的命名規(guī)則(文件名中不能包含下列字符:/ / * ? | " < >),終于完成了一個(gè)自認(rèn)為比較完整的一個(gè)正則式:
(([a-zA-Z]:)|(//))((//)[^///*/?/|/:"<>]{1,255})+/.(([j,J][p,P][g,G])|([g,G][i,I][f,F]))
這個(gè)表達(dá)式是判斷上傳文件類(lèi)型為jpg或gif格式的。自己測(cè)試過(guò),無(wú)論文件夾和文件名是怎么樣命名的,只要能通過(guò)windows文件管理找到的,都能正確判斷。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
jquery層級(jí)選擇器的實(shí)現(xiàn)(匹配后代元素div)
下面小編就為大家?guī)?lái)一篇jquery層級(jí)選擇器的實(shí)現(xiàn)(匹配后代元素div)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09jquery實(shí)現(xiàn)適用于門(mén)戶站的導(dǎo)航下拉菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)適用于門(mén)戶站的導(dǎo)航下拉菜單效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過(guò)菜單項(xiàng)實(shí)現(xiàn)下拉列表顯示效果的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery remove()過(guò)濾被刪除的元素(推薦)
jQuery remove() 方法也可接受一個(gè)參數(shù),允許您對(duì)被刪元素進(jìn)行過(guò)濾。下面通過(guò)實(shí)例代碼給大家介紹jQuery remove()過(guò)濾被刪除的元素,需要的的朋友參考下吧2017-07-07jQuery EasyUI API 中文文檔 - Documentation 文檔
jQuery EasyUI API 中文文檔 - Documentation 文檔,使用jQuery EasyUI的朋友可以參考下。2011-09-09jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法
這篇文章主要介紹了jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法,涉及jQuery操作文本框的技巧,需要的朋友可以參考下2015-04-04jquery中$.fn和圖片滾動(dòng)效果實(shí)現(xiàn)的必備知識(shí)總結(jié)
圖片滾動(dòng)效果相信大家都使用過(guò),看上去很簡(jiǎn)單的一個(gè)效果,如果想熟練的掌握必須知道jquery、IIFE、setInterval等基礎(chǔ)以及$.fn用法,下面這篇文章主要介紹了關(guān)于jquery中$.fn和圖片滾動(dòng)效果制作的必備知識(shí),需要的朋友可以參考下。2017-04-04jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性
這篇文章主要介紹了jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性的相關(guān)資料,需要的朋友可以參考下2015-01-01jQuery實(shí)現(xiàn)的彈幕效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的彈幕效果,結(jié)合完整實(shí)例形式分析了jQuery通過(guò)結(jié)合時(shí)間函數(shù)控制輸入文字與樣式的漸變實(shí)現(xiàn)彈幕效果,需要的朋友可以參考下2017-09-09