Base64 格式校驗正則

Violet_Ice紫冰發表於2020-03-24

前言

最近專案需要用到 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

相關文章