vue获取远程压缩包并解析处理

最新推荐文章于 2024-09-25 18:18:28 发布

原创最新推荐文章于 2024-09-25 18:18:28 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

本文介绍如何利用JSZip及JSZipUtils插件处理ZIP格式文件。从安装所需依赖到在组件中导入并使用这些库，逐步实现了读取ZIP文件内容，并解析其中的JSON数据。

1、引入插件

安装JSZipUtils

npm i jszip-utils -S

安装JSZip

npm i jszip -S

2、组件内引入

import JSZipUtils from 'jszip-utils'
import JSZip from 'jszip'

3、实现方法

let zip = new JSZip()
new JSZip.externel.Promise(functon(resolve, reject) {
	JSZipUtils.getBinaryContent('getZipUrl', function(err, data) {
		if(err)  {
			reject(err)
		} else {
			resolve(data)
		}
	})
}).then(function() {
	return JSZip.loadAsync(data)
}).then(function(zip) {
	const fileName = Object.keys(Object.values(zip)[0])[0] // 获取文件名
	return zip.file(fileName).async("string").then(function(data) {
		const datas = JSON.parse(data) // 与后端约定压缩包内只有一个文件且为JSON格式，更多格式可参考JSZip官网
	})
})