Vue-pako gizp解压，中文乱码解决

项目中后端返回数据为加密的，需要gizp解压，发现可以使用pako来进行解压

npm install pako  // 这里进行下载

在你需要使用的页面或者全局导入

import pako from 'pako'

网上搜到的方法都是复制粘贴基本上都是这样使用的

unzip(response.data)
function unzip(b64Data) {var strData = atob(b64Data)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))response.data = JSON.parse(strData);//  解压出来的数据中，中文全是乱码，没法渲染页面
}

我发现解压出来的中文全是乱码，开始以为是pako不行，去寻找其它方法，发现不怎么好实现，自己就进行一步一步的打印和调试，发现问题根本没有出在pako上，而是Uint8Array 这出的问题，需要再处理一次，直接开始上代码

unzip(response.data)
function unzip(b64Data) {var strData = atob(b64Data)var charData = strData.split('').map(function(x) { return x.charCodeAt(0) })var binData = new Uint8Array(charData)var data = pako.inflate(binData)   // 这次我们只是需要将代码转换到这一步，再调用下面的函数就可以了，对比上面少了两步Utf8ArrayToStr(data); //  执行这步再调用函数将数据处理一次 就不会出现乱码的情况
}

再执行第二步的处理

function Utf8ArrayToStr(array) {var out, i, len, c;var 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;}}response.data = JSON.parse(out);console.log(JSON.parse(out));
}

然后就完美解决了

Vue-pako gizp解压，中文乱码解决相关推荐

zip压缩包解压中文乱码问题
zip压缩包解压中文乱码问题 zip格式中并没有指定编码格式,Windows下生成的zip文件中的编码是GBK/GB2312等,导致这些zip文件在Linux下解压时出现乱码问题,因为Linux下的默 ...
android 汉字编码,Android解压中文乱码
在Android中内置有解压的工具,一般可以使用下面的方法解压: �注意import的包: 因 import java.util.zip.ZipEntry; import java.util.zip. ...
解决电脑解压中文乱码问题
打开控制面板点击图中的更改日期.时间和数字格式点击管理然后选择更改系统区域设置有问题的情况下,Beta版是被勾选的,取消勾选点击确定,系统会提醒重启,重启之后,解压将不出现乱码
[转载] python zip 文件解压中文乱码问题解决
参考链接: Python zip() 今天突然碰到zip文件解压后中文乱码问题.百度了下觉得这篇文章不错.保存保存. 来源:http://blog.sina.com.cn/s/blog_5805e98 ...
java解压中文乱码_java解压文件中文乱码怎么处理
上次利用java自动的java.util.zip.ZipEntry和??java.util.zip.ZipFile来解压zip文件,今天发现程序在读取解压文件时居然报了空指针异常,debug程序后发现 ...
Android 解压中文乱码（压缩包内中文乱码）
首先下载apache-ant-zip.jar,导入到自己的项目中 apache-ant-zip.jar的地址:https://download.csdn.net/download/wshiyf/899 ...
java解压中文乱码_java使用解压zip文件，文件名乱码解决方案
File outFileDir = new File(outDir); if (!outFileDir.exists()) { boolean isMakDir = outFileDir.mkdirs ...
python打包出现乱码_python解压zip包中文乱码解决方法
乱码得原因: 由于ZipFile模块导出遇到中文解码不对,windows上会出现,linux是否会出现不知道没测试过. 解决方式: 1. 搞个文件名引射表(不太方便,少量文件夹套用时候还可以) 2. ...
windows 解压文件出现乱码 7zip解压文件中文乱码解决方法
按照如下教程,更改windows默认编码格式为utf-8之后. https://blog.csdn.net/qq_43780850/article/details/129122210 解压文件时,文件 ...

Vue-pako gizp解压，中文乱码解决

Vue-pako gizp解压，中文乱码解决相关推荐

最新文章

热门文章