正则表达式分割图片


开发工具与关键技术：JS

作者：李宥良

撰写时间：2019年4月17日

正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。

正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是一种文本模式，该模式描述在搜索文本时要匹配的一个或多个字符串

?,*,+,\d,\w 都是等价字符

?等价于匹配长度{0,1}

*等价于匹配长度{0,}

+等价于匹配长度{1,}

\d等价于[0-9]

\D等价于[^0-9]

\w等价于[A-Za-z_0-9]

\W等价于[^A-Za-z_0-9]。

常用运算符与表达式：

^ 开始

（）域段

[] 包含,默认是一个字符长度

[^] 不包含,默认是一个字符长度

{n,m} 匹配长度

. 任何单个字符(. 字符点)

| 或

\ 转义

$ 结尾

[A-Z] 26个大写字母

[a-z] 26个小写字母

[0-9] 0至9数字

[A-Za-z0-9] 26个大写字母、26个小写字母和0至9数字

，分割
正则表达式分割图片

贪婪与懒惰

  贪婪：当正则表达式中包含能接受重复的限定符时

  ，通常的行为是

      （在使整个表达式能得到匹配的前提下）

  匹配尽可能多的字符

      这被称为贪婪匹配。

      懒惰：有时，我们更需要懒惰匹配，

  也就是匹配尽可能少的字符。

      如果将前面给出的限定符转化为懒惰匹配模式，

  只要在它后面加上一个问号?

      表5.懒惰限定符

      *? 重复任意次，但尽可能少重复

     +? 重复1次或更多次，但尽可能少重复

    ?? 重复0次或1次，但尽可能少重复

      { n,m}? 重复n到m次，但尽可能少重复

      { n,}?  重复n次以上，但尽可能少重复

下面用正则表达式截取图片
正则表达式分割图片

匹配图片正则表达式

图片文件正则表达式过滤

正则表达式分割图片

文件读取

绑定新增图片

将选择的图片显示到 img元素
正则表达式分割图片
注意：本文章参考于老师