龙空技术网

如何使用JavaScript解压压缩后的zip文件

小胖世界 390

前言:

眼前各位老铁们对“html解压”大概比较关注,兄弟们都想要知道一些“html解压”的相关知识。那么小编在网上网罗了一些有关“html解压””的相关知识,希望小伙伴们能喜欢,你们一起来了解一下吧!

在实际开发中,为了节约空间以及请求速度,比如日志文件等,一般会进行打包进行储存。那在前端需要用到这些数据时,如何解压文件从而读取文件里面的内容呢?这里推荐一个插件JSzip,具体使用方法如下,有更好的方式欢迎大家留言交流!

1、安装JSzip

cnpm i jszip -S 
2、安装request
cnpm install request --save-dev
3、引入JSzip和request
 import JSZip from 'jszip' import request from 'request'
4、开始解压(file为zip的地址,logName为解压后需要打开的文件名)
zip(file) { let logName = '', index=file.lastIndexOf("\/"); logName = file.substring(index+1,file.length-4)+'.log' request({ method : "GET", url : 'file', encoding: null }, function (error, response, body) { if(error || response.statusCode !== 200) { return; } JSZip.loadAsync(body).then(function (zip) { return zip.file(logName).async("string")//根据文件名进行读取解析文件 }).then(function (text) { console.log(text)//text即为解析出来的日志文件 }); }); }

效果图

标签: #html解压