轶哥博客

妄图改变世界的全栈程序员。

JS推测Base64图片类型

部分业务中会碰到Base64图片文本。

例如:

  • 微信JS-SDK - “拍照或从手机相册中选图接口”,wx.chooseImage与wx.request结合获取Base64数据。“获取本地图片接口”,wx.getLocalImgData返回Base64数据。
  • 微信小程序中,图片访问地址受到白名单限制,有可能采用base64数据直接在接口返回。
  • 某种读卡器获取到的图片数据以Base64格式返回。

如果返回的图片数据中不包含格式前缀(甚至某个微信接口在ios中错误返回image/jgp类型),那就需要推测图片类型。

JS推测代码:

function guessImageTypeFromBase64 (str) {
    switch(str.charAt(0)) {
        case '/':
            return 'image/jpeg';
        case 'i':
            return 'image/png';
        case 'R':
            return 'image/gif';
        case 'U':
            return 'image/webp';
        case 'Q':
            return 'image/bmp';
        default:
            return null;
    }
}

function getCompleteImageBase64 (str) {
    return 'data:' + (guessImageTypeFromBase64(str) || 'image/jpeg') + ';base64,' + str
}

附:

JAVA推测思路

fileType = HttpURLConnection.guessContentTypeFromStream(typeStream); // 从前几个字节流中判断文件类型,得到MIME类型结果,再由MIME类型,拼接Base64图片前缀

提示: 使用Base64传输图片数据在很多情况下不是最佳方案。如果你的需求仅是方便的存储和获取图片,可以选择将图片存储至各大云的对象存储或者各种云存储,通常他们提供免费的图片处理接口,在获取图片的同时转换图片格式或者调整图片大小和质量。

  上一篇 (MediaDevices设置音频输出设备)
下一篇 (Electron 预加载远程页面提升用户体验)