如何无需硬编码移除FileReader读取结果中的非Base64前缀内容

不需要硬编码指定MIME类型前缀做替换，Data URL本身有固定的语法规范，所有带Base64的Data URL都遵循data:[媒体类型][;编码标记],<实际内容>的结构，直接基于这个规范提取即可，适配任意类型文件的读取结果。

方案1：按固定分隔符分割（推荐，性能最高、逻辑最可靠） #

Data URL的前缀部分语法不允许出现未转义的半角逗号，前缀和实际Base64内容的分隔点永远是字符串中第一个出现的半角逗号，直接截取该位置之后的所有内容就是纯合法Base64字符串，不需要匹配具体的媒体类型字符串：

// 原有Base64解码函数保留
function b64DecodeUnicode(str) {
  // Going backwards: from bytestream, to percent-encoding, to original string.
  return decodeURIComponent(atob(str).split('').map(function(c) {
      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
  }).join(''));
}

const reader = new FileReader()
reader.onload = (e) => {
  const dataUrl = reader.result
  // 通用提取：适配任意MIME类型的base64 Data URL
  const base64Content = dataUrl.split(',')[1]
  // 直接传入解码即可
  const certRaw = b64DecodeUnicode(base64Content)

  // 如果需要还原成标准PEM格式，补全头尾并做64字符换行即可
  const standardPem = [
    '-----BEGIN CERTIFICATE-----',
    ...base64Content.match(/.{1,64}/g),
    '-----END CERTIFICATE-----'
  ].join('\n')
}
// 你当前使用的读取方法才会返回Data URL格式
reader.readAsDataURL(uploadedCertFile)

这个方案的优势：

• 完全不依赖硬编码的MIME类型字符串，不管是CA证书、图片、文本文件，只要是readAsDataURL返回的结果都能正确提取
• 不会误删有效内容：Base64的合法编码字典只包含A-Za-z0-9+/=三类字符，本身不包含半角逗号，不会出现分割位置错误

方案2：正则提取（兼容结果前后存在冗余字符的场景） #

如果担心读取到的字符串前后可能混入其他无关内容，可以用正则直接匹配Base64段，自动定位;base64,标记后提取连续的合法Base64字符：

const reader = new FileReader()
reader.onload = (e) => {
  const matchResult = reader.result.match(/;base64,([A-Za-z0-9+/=\s]+)/)
  if (!matchResult) {
    throw new Error('未识别到合法的Base64证书内容')
  }
  // 提取后去掉可能存在的空白换行字符
  const base64Content = matchResult[1].replace(/\s/g, '')
  // 后续解码、还原PEM逻辑同上
}

补充优化建议：如果你的最终目的是拿到标准PEM文本做校验，完全不需要用readAsDataURL读取，直接调用reader.readAsText(uploadedCertFile)就能直接获取-----BEGIN CERTIFICATE-----开头的原始PEM内容，省去Base64提取、格式还原的步骤，直接就能传给openssl相关的校验逻辑。

内容的提问来源于stack exchange，提问作者user11092881