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