js正则表达式验证文件扩展名

验证文件是否是图片

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

正则表达式及相关方法

1、定义
  1. var re = new RegExp(“a”); //RegExp对象。参数就是我们想要制定的规则。有一种情况必须用这种方式,下面会提到。
  2. var re = /a/; // 简写方法 推荐使用
2、常用的方法
  • test() - 在字符串中查找符合正则的内容,若查找到返回true,反之返回false
    • 用法:正则.test(字符串)
    • 例子:判断是否是数字
var str = '374829348791';
 var re = /\D/; // \D代表非数字
if( re.test(str) ){ // 返回true,代表在字符串中找到了非数字
	alert('不全是数字');
}else{
	alert('全是数字');
}
  • replace() - 查找符合正则的字符串,替换成新的字符串。
    • 将正则匹配到的字符串替换成指定字符串
    • 返回新的字符串
var str = 'abcdefgahijklmnaopqarsta'
var newStr = str.replace(/a/g,'1')
console.log(newStr)
  • search - 检索指定子串或者与正则表达式匹配的值,返回的值是数字

    • 返回的是检索到第一个匹配项的索引
    • 与indexOf的差别是,一个必须用正则,一个是普通的字符串,而且indexOf主要用来判断有没有某字符串,是具体查询,而search是模糊查询,查到的时候都返回索引值,查不到的时候都返回-1
  • match - 找到一个或多个正则表达式的匹配

    • 返回的是一个数组
    • 包含的是匹配的项
    • 如果正则中有括号,()叫做分组符,则匹配到的字符串会添加到数组中
//常用的例子:
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'}"]
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值