前端接收后端接口返回的gzip格式的二进制流数据转换成json格式

最新推荐文章于 2025-07-10 10:46:17 发布

原创最新推荐文章于 2025-07-10 10:46:17 发布 · 3.9k 阅读

5 ·

CC 4.0 BY-SA版权

js笔记同时被 2 个专栏收录

65 篇文章

订阅专栏

vue

16 篇文章

订阅专栏

本文详细介绍了如何使用GZIP进行数据压缩，并通过Base64编码进行传输的方法。后端通过GZIP压缩数据并编码为Base64字符串，前端接收后解码并解压缩，实现高效的数据传输。特别提及了在数据传输中可能出现的乱码问题及解决策略。

后端写法：

/**
 * 使用gzip进行压缩
 */
public static String compress(String primStr) {
    if (primStr == null || primStr.length() == 0) {
        return primStr;
    }
    ByteArrayOutputStream out = new ByteArrayOutputStream();
    GZIPOutputStream gzip = null;
    try {
        gzip = new GZIPOutputStream(out);
        gzip.write(primStr.getBytes());
    } catch (IOException e) {
        e.printStackTrace();
    } finally {
        if (gzip != null) {
            try {
                gzip.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }
    return new sun.misc.BASE64Encoder().encode(out.toByteArray());
}

前端接口接收：

unzip(b64Data) {
      var strData = atob(b64Data);
      console.log(strData);
      var charData = strData.split("").map(function(x) {
        return x.charCodeAt(0);
      });
      var binData = new Uint8Array(charData);
      var data = pako.inflate(binData);
      strData = String.fromCharCode.apply(null, new Uint16Array(data));

      return JSON.parse(decodeURIComponent(strData));
    },

如果数据中有乱码解决方法：

让后端同学在接口压缩之前加 encodeURIComponent转义一下，前端用decodeURIComponent解译。则不乱码。