Base64 格式校验正则

前言

最近项目需要用到 cropper,但是 vue-cropper 配起来过于麻烦,想找一下现成的手机端 cropper。结果还真找到了,刚出生两个月多的 vue-cropper-h5。但是并不适配我的项目,需要优化,需要能 LoadFile()LoadBase64()。于是 base64 格式校验正则就来了。

正则

[\/]?([\da-zA-Z]+[\/+]+)*[\da-zA-Z]+([+=]{1,2}|[\/])?

解析

  • [\/+]+/+ 为分割,会有 ///+/+/ 的情况
  • [\/]? jpg图片base64,开头固定是 /9j/4AAQSkZJRgABA
  • [\da-zA-Z]+ base64 标准段
  • ([\da-zA-Z]+[\/+]+)* 可能有,也可能没有标准段组合
  • ([+=]{1,2}|[\/])? 结尾可能有,也可能没有
    • 可能有 1 或 2 个 += 的结尾
    • 可能有单个 / 的结尾
本作品采用《CC 协议》,转载必须注明作者和本文链接
Violet_Ice紫冰,一个忙于工作,没有时间录视频的 UP
Violet_Ice紫冰
讨论数量: 2

loadBase64() 的传入参数base64去空格加base64头

3年前 评论

看着眼熟,是不是之前 Layui 社区挺活跃的 :smirk:

3年前 评论
Violet_Ice紫冰 (楼主) 3年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!