pako.js对数据进行gzip压缩传递到后台解析，解决数据量大的请求问题

最新推荐文章于 2024-06-26 19:35:19 发布
最新推荐文章于 2024-06-26 19:35:19 发布
阅读量9.6k 收藏 6
点赞数 2
文章标签： Gzip 数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22021191/article/details/80077139
版权
本文介绍了如何使用pako.js在前端对请求正文进行gzip压缩，以减少大数据量请求的问题。在后台，通过Java的GZIPInputStream进行解压，确保数据的正常处理。操作环境为jdk 1.8.0_77，项目依赖包括commons-io、json-lib和spring-webmvc等。在JS中，当内容长度超过1000时进行压缩，以保证压缩效率。Java解压部分参考了相关文章和DEMO，提供了详细的实现步骤。
摘要由CSDN通过智能技术生成
pako.js对数据进行gzip压缩传递到后台解析，解决数据量大的请求问题
  demo运行效果图如下：

实现思路

在前台对请求正文使用 pako_deflate.js 进行本地 gzip 格式压缩
在后台使用 Java 对请求正文进行解压

操作环境

  • jdk 1.8.0_77
  • idea 2016.2.1
  • maven 3.3.9

项目依赖

  • commons-io-2.5 (简化IO操作)
  • json-lib-2.4 (处理请求正文中的参数)
  • spring-webmvc-4.3.4.RELEASE
  • pako_deflate-1.0.3.js (JS文本压缩工具类)

JS 压缩请求正文

因为只在前台进行压缩,所以只需引用 pako 的压缩专用文件 pako_deflate.min.js
又因为我在项目中主要使用 jQuery 发送 Ajax 请求,所以引入 jQuery

<script src="jquery-2.2.4.min.js"></script>
<script src="pako_deflate.min.js"></
最低0.47元/天 解锁文章
团长的忧郁
关注
前端gzip 解压缩pako.min.js文件
11-08
前端gzip 解压缩pako.min.js文件
ajax+pako.js实现gzip数据压缩上传，解决post数据过长问题
05-03
ajax+pako.js实现gzip数据压缩上传，解决post数据过长问题 http://blog.csdn.net/jodenhe/article/details/70983781
前端项目vue3/React使用pako库解压缩后端返回gzip数据
最新发布
06-26 712
解压后的内容：{{ uncompressedData }}
pako.js实现json的压缩和解压
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
09-29 2411
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>pako.js实现gzip的压缩和解压</title> </head> <body> <script type="text/javascript" src="pako.min.js"></script> <script > var.
使用pako.js实现gzip的压缩和解压
热门推荐
我的英文站点：https://iorilan.medium.com/
12-29 2万+
使用pako.js实现gzip的压缩和解压
pako.min.js
03-16
用于前端 js gzip压缩数据和解压缩数据
pako.js js Gzip 解压
11-30
pako.js json解压 Gzip解压 后端压缩json数据传输， 前端用pako.js 解压
基于pako.js实现gzip的压缩和解压功能示例
10-19
pako.js是一个轻量级的JavaScript库，它提供了对多种压缩算法的支持，包括gzip。这个示例主要关注如何利用pako.js进行字符串的gzip压缩和解压。 首先，我们来看一下gzip的背景。Gzip是一种广泛使用的数据压缩格式，...
pako.min.js 1.0.3
01-20
http://blog.csdn.net/a2241076850/article/details/54629392 这是我的Bolog使用看内部，
使用pako.js压缩、解压数据
qq_43474419的博客
09-06 5129
pako.js压缩和解压请求参数和响应数据
pako - zlib port to javascript, very fast!
01-19
// 先载入 pako var binaryString = pako.deflate( yourtext, { to: 'string' } ); // 压 var restored = pako.inflate( binaryString, { to: 'string' } ); // 解 java 端可以给用 deflate 算法
小程序pako.js GZIP定义解压和压缩的方法 及小程序不能使用window.abot和window.btoa的解决方法
weixin_44883704的博客
06-16 3604
今天做了一个小程序幕帘弹框，接口请求返回的是一段压缩了的字符串，我使用了pako.js GZIP来解压缩，首先安装pako依赖 npm install pako 1.pako.js GZIP定义解压和压缩的方法 解压 unzipFun:function(b64Data) { let strData = atob(b64Data), charData = strData.split('').map(function(x){return x.charCodeAt(0);}), binData = ne
Java Gzip类 - base64压缩和解压
我的英文站点：https://iorilan.medium.com/
11-17 1万+
Java Gzip类 - base64压缩和解压
前端Pako.js 压缩/解压库 与 Java 的 zlib 压缩与解压 的互通实现
rainyspring4540的专栏
11-17 2万+
工具介绍： pako.js 前端压缩解压的库（包含 zlib 和gzip 两种实现，这里只介绍 zlib） pako 2.0.4 API documentation Java8+ 原生支持 zlib 和 gzip 业务场景 因为数据太大，网络环境不可控。故需要前端数据 A 压缩 变为 a，将 a 发送到 Java 服务器端后并存储。 后端 Java 也可以调取存储的压缩结果进行解压，重新发往前端 这里介绍 pako.js 的zlib 接口 与 Java 的互通。 首先是前端： 由于.
用pako.js压缩字符串，如何在后端用java解开？
qq_38496561的博客
03-14 947
背景：项目链路为腾讯clb->Ingress(nginx)->项目服务,腾讯的Ingress对header请求头最大值为K，无法加大，由于业务配置数据增加，此问题诟病已久，于是想着压缩打请求头数据后再请求，从而解决请求头大的问题。
用pako压缩json数据传输至后台
weixin_43738127的博客
06-02 860
步骤二：在需要应用的页面import。步骤一：安装pako依赖。步骤三：使用pako压缩。
nodejs 使用 pako 压缩数据
阿豪
02-21 997
原文链接: nodejs 使用 pako 压缩数据 ...
gzip压缩数据变大_使用GZIP和压缩数据
cunhu4317的博客
12-19 959
gzip压缩数据变大抽象 我们都知道用zip或gzip压缩文件的含义。 但是在Java中使用压缩文件并不像您想的那样简单明了，尤其是如果您不是直接处理文件而是压缩流数据的话。 我们会去： 如何将字符串转换为压缩/压缩字节数组，反之亦然 创建用于读取和写入文件的实用程序功能，而无需事先知道文件或流是否已gzip压缩。 基础 那么，为什么要压缩任何东西？ 很简单，因为这是减少必须通过网络传送...
java后端 浏览器 pako使用pako.js实现gzip的压缩和解压
06-09
在Java后端和浏览器中使用Pako.js实现Gzip的压缩和解压方法是不同的。 浏览器端： 压缩： ``` var buffer = new Uint8Array(inputString.length); for (var i = 0; i < inputString.length; i++) { buffer[i] = inputString.charCodeAt(i); } var compressed = pako.gzip(buffer); var outputString = String.fromCharCode.apply(null, new Uint16Array(compressed)); ``` 解压： ``` var compressed = new Uint8Array(inputString.length); for (var i = 0; i < inputString.length; i++) { compressed[i] = inputString.charCodeAt(i); } var decompressed = pako.inflate(compressed); var outputString = String.fromCharCode.apply(null, new Uint16Array(decompressed)); ``` 与在浏览器端相同，我们首先将输入字符串转换为一个Uint8Array，然后使用Pako.js的gzip函数将其压缩。最后，我们将压缩后的结果转换回字符串形式。 在解压的过程中，我们将输入字符串转换为Uint8Array，然后使用Pako.js的inflate函数将其解压，最后将结果转换回字符串形式。 需要注意的是，最后转换为字符串时要使用Uint16Array而不是Uint8Array，这是因为JavaScript中的字符串是基于UTF-16编码的。 Java后端： Java后端可以使用Java版的Pako库实现Gzip的压缩和解压。 引入Java版的Pako库： ``` <dependency> <groupId>io.github.azagniotov</groupId> <artifactId>pako-java</artifactId> <version>1.0.1</version> </dependency> ``` 压缩： ``` String inputString = "input string"; byte[] inputBytes = inputString.getBytes(StandardCharsets.UTF_8); byte[] compressedBytes = new Deflater().deflate(inputBytes); String outputString = new String(compressedBytes, StandardCharsets.ISO_8859_1); ``` 解压： ``` byte[] compressedBytes = inputString.getBytes(StandardCharsets.ISO_8859_1); Inflater inflater = new Inflater(); inflater.setInput(compressedBytes); byte[] buffer = new byte[1024]; ByteArrayOutputStream outputStream = new ByteArrayOutputStream(compressedBytes.length); while (!inflater.finished()) { int count = inflater.inflate(buffer); outputStream.write(buffer, 0, count); } outputStream.close(); byte[] decompressedBytes = outputStream.toByteArray(); String outputString = new String(decompressedBytes, StandardCharsets.UTF_8); ``` 在Java中，我们使用Deflater类的deflate方法进行压缩，使用Inflater类进行解压。需要注意的是，在解压的过程中，我们需要使用一个字节输出流ByteArrayOutputStream来存储解压后的字节，最后再将其转换为字符串形式。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值