JavaScript对字符串进行Gzip压缩和解压

xiaohai 2019-12-16 15:28:12 共9675人围观 标签： Gzip  js  gzip 
简介前一篇博客中已经说过Golang对Gzip的处理，其实这是我的服务器端的处理，那么当我们服务器返回Gzip压缩的字符串后，客户端如何进行解压呢？本文主要记录下JavaScript对Gzip进行压缩和解压处理。

  服务器接口在对内容进行Gzip压缩后，那么Web端如何将消息进行解压处理呢？其实Js已经有一个很好用的库了pako.js,地址如下：https://github.com/nodeca/pako

这里我们用一个简单的Demo进行使用即可：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/pako/1.0.6/pako.min.js"></script>

</head>
<body>
<input id="content" type="text">
<button onclick="encode()">encode</button>
<button onclick="decode()">decode</button>
<div id="ciphertext"></div>
</body>
</html>
<script type="text/javascript">
    function encode(){
        var str = $('#content').val();//中文??嘻嘻哈哈，hello
        str = window.btoa(pako.gzip(str, {to: "string"}))
        $('#ciphertext').text(str);
    }
    function decode(){
        var encodedData = $('#content').val();
        var decodedData = window.atob(encodedData);
		var data = pako.ungzip(decodedData, {to: "string"});
        $('#ciphertext').text(data);
    }
</script>

相同类型文章

热门标签

每日一句

    万种思量，多方开解，只恁寂寞厌厌地，系我一生心，负你千行泪。

    ——柳永

今日排行

  • 数轴上两点间的距离公式及中点公式

    数轴上两点间的距离公式及中点公式

  • 嗨！Tauri

    Tauri 是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建他们的用户界面。应用程序的后端是一个基于 Rust 的二进制文件，带有一个前端可以与之交互的 API。 Tauri 应用程序的用户界面目前在 macOS 和 Windows 上利用 tao 作为窗口处理库，在 Linux 上通过 Tauri 团队孵化和维护的 WRY 利用 WebKit、Windows 上的 WebView2 和 Linux 上的 WebKitGTK 创建一个统一的系统 webview（和其他好东西，如菜单和任务栏）接口。

  • Flutter开发windows桌面应用处理WebView相关问题

    Flutter开发windows桌面应用处理WebView相关问题

  • 初中数学应熟记数值表(平方、立方、2的n次方、常用分数值)

    初中数学应熟记数值表(平方、立方、2的n次方、常用分数值)

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

点击排行

友情链接