快捷導航

使用js正則表達式驗證文件擴展名方法實例

更新時間：2022年11月17日 08:56:23 作者：baby加油_

文件上傳時,為了安全驗證,對于手工改動文件后綴名產(chǎn)生的偽造文件進行判斷過濾,下面這篇文章主要給大家介紹了關(guān)于如何使用js正則表達式驗證文件擴展名的相關(guān)資料,需要的朋友可以參考下

驗證文件是否是圖片

function checkSuffix(str){
  var strRegex = /\.(jpg|png|gif|bmp|jpeg)$/; 
  if (strRegex.test(str.toLowerCase())){
    return true;
  } else{
    return false;
  }
}

驗證

var f = 'a.mp3'
console.log(checkSuffix(f))

f='a.jpg'
console.log(checkSuffix(f))

公共方法驗證文件后綴

/*
* suf 格式為逗號分隔的多個后綴，例如jpg,gif,png
*/
function checkSuffix(str,suf)
{
  var strRegex = "\\"+".(" + suf.split(',').join('|') +")$"
  if (strRegex .test(str.toLowerCase())){
    return true;
  } else{
    return false;
  }
}

驗證

console.log(checkSuffix('a.jpg', 'jpg,gif,png'));//true

console.log(checkSuffix('a.jpg1', 'jpg,gif,png'))//false

正則表達式及相關(guān)方法

1、定義

var re = new RegExp(“a”); //RegExp對象。參數(shù)就是我們想要制定的規(guī)則。有一種情況必須用這種方式，下面會提到。
var re = /a/; // 簡寫方法推薦使用

2、常用的方法

test() - 在字符串中查找符合正則的內(nèi)容，若查找到返回true,反之返回false
- 用法：正則.test(字符串)
- 例子：判斷是否是數(shù)字

var str = '374829348791';
 var re = /\D/; // \D代表非數(shù)字
if( re.test(str) ){ // 返回true,代表在字符串中找到了非數(shù)字
	alert('不全是數(shù)字');
}else{
	alert('全是數(shù)字');
}

replace() - 查找符合正則的字符串，替換成新的字符串。

將正則匹配到的字符串替換成指定字符串
返回新的字符串

var str = 'abcdefgahijklmnaopqarsta'
var newStr = str.replace(/a/g,'1')
console.log(newStr)

search - 檢索指定子串或者與正則表達式匹配的值，返回的值是數(shù)字
- 返回的是檢索到第一個匹配項的索引
- 與indexOf的差別是，一個必須用正則，一個是普通的字符串，而且indexOf主要用來判斷有沒有某字符串，是具體查詢，而search是模糊查詢，查到的時候都返回索引值，查不到的時候都返回-1
match - 找到一個或多個正則表達式的匹配
- 返回的是一個數(shù)組
- 包含的是匹配的項
- 如果正則中有括號，()叫做分組符，則匹配到的字符串會添加到數(shù)組中

//常用的例子：
var ret = 'callBack({a: "yyy",b:"hhh"})';
var reg = /^\w+\(({[\w|\W]+})\)$/;
var mathes = ret.match(reg)
console.log(mathes)

mathes = ["callBack({a: 'yyy',b:'hhh'})",
"{a: 'yyy',b:'hhh'}"]