轶哥

📚 Having fun with AI Agent. Always learning.

    JS推测Base64图片类型
    •   更新:2019-03-04 15:01:42
    •   首发:2019-02-23 22:21:25
    •   源代码
    •   27813

    部分业务中会碰到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 预加载远程页面提升用户体验)  

    评论回复提醒