jQuery在獲取上傳文件的時候名稱的正則表達式
2024-04-07 分類： 網(wǎng)站建設
通常在Web開發(fā)中，經(jīng)常會涉及到文件上傳。文件上傳時通常都要驗證文件的有效性，下面這個通常就要用正則表達式來判斷。
方法一：
$('input[type="file"]').on('change', function() { var reg = /[^\\\/]*[\\\/]+/g; //匹配文件的名稱和后綴的正則表達式 var name = $(this).val().replace(reg, ''); var postfix = /\.[^\.]+/.exec(name);//獲取文件的后綴 var text =name.substr(0,postfix['index']);//獲取沒有后綴的名稱 // 檢測上傳文件 }); 方法二：
以下只是個例子，變量file可以是任意類似于網(wǎng)絡路徑的字符串，這個例子是獲得name=file的對象傳過來的文件地址
復制代碼 代碼如下:
var file=jQuery("input[name='file']").val() var filename=file.replace(/.*(\/|\\)/, ""); var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; filename得到文件名
fileExt得到后綴名
方法三：
網(wǎng)上能找到的正則表達式大多都沒有考慮中文文件夾和中文文件名的情況。
后來，自己動手寫了一個。在走過了不少歪路后，我根據(jù)windows的命名規(guī)則(文件名中不能包含下列字符：/ / * ? | " < >)，終于完成了一個自認為比較完整的一個正則式：
復制代碼 代碼如下:
(([a-zA-Z]:)|(//))((//)[^///*/?/|/:"<>]{1,255})+/.(([j,J][p,P][g,G])|([g,G][i,I][f,F])) 這個表達式是判斷上傳文件類型為jpg或gif格式的。自己測試過的，無論文件夾和文件名是怎么樣命名的呢，只要能通過windows文件管理找到的，都能正確判斷哦。
本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！
$('input[type="file"]').on('change', function() { var reg = /[^\\\/]*[\\\/]+/g; //匹配文件的名稱和后綴的正則表達式 var name = $(this).val().replace(reg, ''); var postfix = /\.[^\.]+/.exec(name);//獲取文件的后綴 var text =name.substr(0,postfix['index']);//獲取沒有后綴的名稱 // 檢測上傳文件 }); 方法二：
以下只是個例子，變量file可以是任意類似于網(wǎng)絡路徑的字符串，這個例子是獲得name=file的對象傳過來的文件地址
復制代碼 代碼如下:
var file=jQuery("input[name='file']").val() var filename=file.replace(/.*(\/|\\)/, ""); var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; filename得到文件名
fileExt得到后綴名
方法三：
網(wǎng)上能找到的正則表達式大多都沒有考慮中文文件夾和中文文件名的情況。
后來，自己動手寫了一個。在走過了不少歪路后，我根據(jù)windows的命名規(guī)則(文件名中不能包含下列字符：/ / * ? | " < >)，終于完成了一個自認為比較完整的一個正則式：
復制代碼 代碼如下:
(([a-zA-Z]:)|(//))((//)[^///*/?/|/:"<>]{1,255})+/.(([j,J][p,P][g,G])|([g,G][i,I][f,F])) 這個表達式是判斷上傳文件類型為jpg或gif格式的。自己測試過的，無論文件夾和文件名是怎么樣命名的呢，只要能通過windows文件管理找到的，都能正確判斷哦。
本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！
當前文章：jQuery在獲取上傳文件的時候名稱的正則表達式
文章鏈接：http://aaarwkj.com/news14/322564.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設計、網(wǎng)站設計、小程序開發(fā)、網(wǎng)站內鏈、云服務器、自適應網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 為什么很多人都選擇了H5網(wǎng)站建設？(為什么很多人都選擇去廣州發(fā)展) 2024-04-07
- 談談網(wǎng)頁設計的“好與壞” 2024-04-07
- 成都如何做好小程序的推廣 2024-04-07
- 科研院所網(wǎng)站建設如何做好頁面設計？ 2024-04-06
- 成都網(wǎng)站建設：域名讓你不容小覷 2024-04-06
- 網(wǎng)站上線過后如何運營網(wǎng)站？看看怎么提高網(wǎng)站流量(如何查詢網(wǎng)站上線時間) 2024-04-06
- 美國高防服務器對于DDoS攻擊的防御 2024-04-06
- 網(wǎng)站維護及優(yōu)化服務的好處和價格 2024-04-07
- 如何分析企業(yè)網(wǎng)站訪客的心理？(企業(yè)網(wǎng)站類型分析) 2024-04-07
- 如何使網(wǎng)站的用戶體驗提高 2024-04-07
- SF發(fā)布網(wǎng)站制作軟件app 2024-04-06
- 成都網(wǎng)站建設：手機網(wǎng)站建設需注意什么？ 2024-04-06
- 吐魯番中小企業(yè)網(wǎng)站建設的優(yōu)勢 2024-04-06
- 網(wǎng)站建設哪家專業(yè) 2024-04-06
- 好看優(yōu)秀的成都企業(yè)建站設計包括哪些方面？ 2024-04-06
- 關于div的相對定位和z-index堆放次序的見解 2024-04-06
- 企業(yè)網(wǎng)站能成功還需要成都網(wǎng)站建設 2024-04-06
- 網(wǎng)站建設排版設計的黃金原則有哪些 2024-04-06
- 安徽網(wǎng)站建設制作公司-安徽小程序制作開發(fā)-安徽網(wǎng)絡推廣 2024-04-06