前言

最近項(xiàng)目需要用到 cropper，但是 vue-cropper 配起來(lái)過(guò)于麻煩，想找一下現(xiàn)成的手機(jī)端 cropper。結(jié)果還真找到了，剛出生兩個(gè)月多的 vue-cropper-h5。但是并不適配我的項(xiàng)目，需要優(yōu)化，需要能 LoadFile() 和 LoadBase64()。于是 base64 格式校驗(yàn)正則就來(lái)了。

正則

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

解析

• [\/+]+ 以 / 和 + 為分割，會(huì)有 //、/+、/+/ 的情況
• [\/]? jpg圖片base64，開(kāi)頭固定是 /9j/4AAQSkZJRgABA
• [\da-zA-Z]+ base64 標(biāo)準(zhǔn)段
• ([\da-zA-Z]+[\/+]+)* 可能有，也可能沒(méi)有標(biāo)準(zhǔn)段組合
• ([+=]{1,2}|[\/])? 結(jié)尾可能有，也可能沒(méi)有
  • 可能有 1 或 2 個(gè) + 或 = 的結(jié)尾
  • 可能有單個(gè) / 的結(jié)尾