添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
首页 > 网络编程 > JavaScript > javascript技巧 > js正则验证文件扩展名

使用js正则表达式验证文件扩展名方法实例

作者:baby加油_

文件上传时,为了安全验证,对于手工改动文件后缀名产生的伪造文件进行判断过滤,下面这篇文章主要给大家介绍了关于如何使用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. 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'}"]

到此这篇关于使用js正则表达式验证文件扩展名的文章就介绍到这了,更多相关js正则验证文件扩展名内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
  • uni-app多环境部署解决方案详解
    uni-app多环境部署解决方案详解
    2022-11-11
  • JavaScript实现谷歌浏览器插件开发的方法详解
    JavaScript实现谷歌浏览器插件开发的方法详解
    2022-11-11
  • JavaScript中的Promise详解
    JavaScript中的Promise详解
    2022-11-11
  • JavaScript原始数据类型Symbol的用法详解
    JavaScript原始数据类型Symbol的用法详解
    2022-11-11
  • 微信小程序返回到顶部功能的简单实现
    微信小程序返回到顶部功能的简单实现
    2022-11-11
  • webpack5 import动态导入实现按需加载并给文件统一命名的配置方法
    webpack5 import动态导入实现按需加载并给文件统一命名的配置方
    2022-11-11
  • 教你修改element-ui源码给el-dialog添加全屏功能
    教你修改element-ui源码给el-dialog添加全屏功能
    2022-11-11
  • element-ui dialog弹窗增加全屏功能(推荐)
    element-ui dialog弹窗增加全屏功能(推荐)
    2022-11-11
  • 美国设下计谋,用娘炮文化重塑日本,已影响至中国
    美国设下计谋,用娘炮文化重塑日本,已影响至中国
    2021-11-19
  • 时空伴随者是什么意思?时空伴随者介绍
    时空伴随者是什么意思?时空伴随者介绍
    2021-11-09
  • 工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    2021-11-05
  • 2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2021-10-26
  • 电脑版 - 返回首页

    2006-2023 脚本之家 JB51.Net , All Rights Reserved.
    苏ICP备14036222号