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

xiaohai 2019-12-16 15:28:12 共11752人围观 标签： 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>

相同类型文章

热门标签

每日一句

    自从心中怀有希望，才发现黑暗的背后是无限光明，自从心中有了希望，才发现布满荆棘的羊肠小道，通向的是平坦的大道，自从心中有了希望，才发现原本阴霾的天空其实是如此蔚蓝。

    ——陆奕洁

今日排行

  • Navicat使用HTTP通道

    在使用阿里云RDS中，一般我们出于权限的考虑不会让其他用户直接进行外网访问。所以这里我们就采用Navicat加HTTP通道来访问RDS数据库。

  • 《血色湘西》瞿先生独白

    《血色湘西》瞿先生临死前的独白，振奋人心。

  • Excel如何取排名第几的数据

    Excel如何取最大值、最小值、排名第几的数据，这些都是在我们使用Excel中非常常用的功能。本文主要介绍下这几种函数的使用。

  • 有向图(Digraph)

    有向图根无向图的最大区别在于有向图是具有方向的，所以在实现上也会有很大的不同。

  • lsof：查看进程打开的文件

     lsof命令的全称为：list open file，也就是列出系统中已经打开的文件，通过该命令就可以根据文件找到对应的进程信息，也可以根据进程信息找到进程打开的文件。   如果系统中没有lsof名，可以使用后面的命令进行安装：yum -y install lsof

点击排行

友情链接