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