JS实现页面查看zip文件中的内容
栏目: JavaScript · 发布时间: 6年前
内容简介：附件zip上传到服务器后，在页面中可直接查看zip中的文件内容，如：readme.txt。jszip、jszip-utils
1 前言
1.1 业务场景
附件zip上传到服务器后，在页面中可直接查看zip中的文件内容，如：readme.txt。
2 实现原理
2.1 引入 工具 库
jszip、jszip-utils
npm i jszip -S
npm i jszip-utils -S
2.2 查看txt中内容
// 查看
view(row){
var JSZip = require("jszip")
var JSZipUtils = require("jszip-utils")
let that = this
JSZipUtils.getBinaryContent(row.downloadPath, function(err, data) {
if(err) {
throw err;
}
JSZip.loadAsync(data).then(function (files) {
files.files['readme.txt'].async("string").then(function(con){
that.content = con
that.dialog = true
})
})
})
},
在vue中引入，其中在 JSZipUtils
使用中 this
的指向进行了重定向。
row.downloadPath
是附件的下载地址， con
是txt中内容。
readme.txt
是要查看的文件名+后缀。
这里使用了 input
定义的 v-model="content"
来展示。
3 后记
感谢支持。若不足之处，欢迎大家指出，共勉。
如果觉得不错，记得 点赞 ，谢谢大家:joy:
欢迎关注 我的： 【Github】 【掘金】 【简书】 【CSDN】 【OSCHINA】 【Segmentfault】
这两个库都是关于JS处理压缩文件的，功能很多，目前只学到了一小点，更多功能还需再研究。
3.1 参考资料
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
JUnit Recipes中文版
陈浩等译 / 电子工业 / 2006-9 / 69.00元
《JUnit Recipes中文版:程序员实用测试技巧》主要介绍了在Java开发中使用JUnit进行单元测试的各种方法、原则、技巧与实践。本书出自开发一线专家之手，本着实用的原则，涵盖各类Java开发中应用JUnit的实用技巧，内容丰富、全面深入；无论对于需要应用JUnit进行单元测试的一线Java开发人员，还是JUnit入门、进阶者，本书都是一本不可多得的实用指南。这本书介绍了大量的JUnit实......一起来看看 《JUnit Recipes中文版》 这本书的介绍吧!
