pako官网http://nodeca.github.io/pako/

npm i pako

import pako from 'pako'; (vue3使用require会报错)

// 解压
function unzip(strData: AnyObject) {let charData = strData.split('').map(function (x: AnyObject) {return x.charCodeAt(0);});let binData = new Uint8Array(charData);let data = pako.inflate(binData);return Utf8ArrayToStr(data);
}
//解决数据过大和中文乱码
function Utf8ArrayToStr(array: any) {let out, i, len, c;let char2, char3;out = '';len = array.length;i = 0;while (i < len) {c = array[i++];switch (c >> 4) {case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:// 0xxxxxxxout += String.fromCharCode(c);break;case 12:case 13:// 110x xxxx   10xx xxxxchar2 = array[i++];out += String.fromCharCode(((c & 0x1f) << 6) | (char2 & 0x3f),);break;case 14:// 1110 xxxx  10xx xxxx  10xx xxxxchar2 = array[i++];char3 = array[i++];out += String.fromCharCode(((c & 0x0f) << 12) |((char2 & 0x3f) << 6) |((char3 & 0x3f) << 0),);break;}}return out;
}

这样写会报错:

Uncaught (in promise) incorrect header check

解压方法用下面这个,就不会报错;

function unzip(b64Data: any) {
    let strData = atob(b64Data);
    const charData = strData.split('').map(function (x) {
        return x.charCodeAt(0);
    });
    const binData = new Uint8Array(charData);
    const data = pako.inflate(binData);
    return Utf8ArrayToStr(data);
}

vue3使用pako解压问题相关推荐

  1. pako java_java压缩字符串,前端接收pako解压

    使用springboot开发 1.后端java代码压缩: ``` /** * 测试GZIP压缩之后返回给前端,前端使用pako解压缩 * @return * @throws IOException * ...

  2. vue 引入pako解压后台压缩的数据

    1.安装 cnpm i pako --save 2.使用 import pako from 'pako' console.log(res.data,'后台返回加密后数据') let info = pa ...

  3. 前端Vue2.6.10数据压缩(zlib/pako)和解压(zlib/pako),后端Python3.7数据压缩(zlib)和解压(zlib)

    (注:前后端压缩都加上了base64:文章所提及的压缩和解压仅仅针对数据,不是文件.) 一.前端Vue2.6.10两种压缩和解压的方式(zlib模块和pako模块) 1.zlib模块和pako模块(建 ...

  4. pako java_接口实现后台GZIP压缩,pako.js 前端解压

    import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.IOExceptio ...

  5. GZip 压缩解压 --- Pako 的压缩解压

    一.GZip压缩解压 package java调用JS;import java.io.ByteArrayInputStream;import java.io.ByteArrayOutputStream ...

  6. python图片压缩pako_前端pako.js的 解压, json 转excel文件 下载

    背景: 后台 返回:gzip压缩后进行了base64编码的字符串. 解决办法 >引入pako.js ,xlsx >定义解压和压缩的方法 import XLSX from 'xlsx' co ...

  7. 基于pako的gzip解压

    let strData = atob(res.data) let charData = strData.split('').map(function (x) { return x.charCodeAt ...

  8. 前端使用pako对数据进行压缩与解压

    文章目录 前言 一.安装pako模块 二.使用步骤 1.压缩.解压函数 2.使用 总结 前言 碰到一个项目,把很多数据都存到sessionStorage中进行调用,而sessionStorage存储空 ...

  9. java 前后端解压缩字符串_接口实现后台GZIP压缩,pako.js 前端解压

    import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.IOExceptio ...

最新文章

  1. 浅谈STM32的DMA模块的使用
  2. 简单实现支付密码输入框 By HL
  3. 13.跨进程读写内存
  4. ubutnu16.04搭建LAMP环境(搭建wordpress博客)
  5. beyond compare 3.10在异常关机后无法启动
  6. 关闭防火墙_从零开始学Linux运维|09.关闭防火墙和SElinux
  7. vue限制只能输入数字_vue的input中,如何限制只能输入number
  8. 第二次作业+105032014037
  9. 微信抖音快手壁纸小程序三合一源码+后端功能丰富
  10. 蓝桥杯省赛2015年——奇妙的数字
  11. matlab 线性规划 单纯形法
  12. 大数据可视化 — 学期总结
  13. AppStore 技术服务支持
  14. STM32---c语言指针1
  15. excel打开密码忘记了_excel文件密码忘记了
  16. U盘制作-BGA焊接练习
  17. 【必看】论文写作入门技巧
  18. 软件测试工程师是什么?
  19. 解决办法:git错误 error: failed to push some refs to ‘https://github.com/...
  20. 电子脑PHP动画制作,PS简单制作一个动态的字体动画

热门文章

  1. 计算机软件著作权登记常识
  2. CASS道路横断面线,如何折线变直线?
  3. Flutter混合开发框架(二)——FlutterEngineGroup使用及原理分析
  4. 求职与面试(一):Android必备
  5. 计算机网页设计与制作论文,网页设计与制作论文
  6. QQ群排名自动吸粉,高手们是这样玩群的!
  7. 对话Atlassian认证专家叶燕秀:Atlassian产品进入后Server时代,中国用户应当何去何从?
  8. 调用新浪微博客户端发送图片
  9. 搭建自己的电影网站 1 (建立网站运行环境)
  10. 三大优势加身,SDN成广域网优化重要手段