博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端解析zip压缩包 --- vue、react等等通用
阅读量:3962 次
发布时间:2019-05-24

本文共 650 字,大约阅读时间需要 2 分钟。

第一步:下载安装jszip插件

yarn add jszip

第二步: 导入插件

import JSZip from 'jszip'

第三步: new一个JSZip对象

const zip = new JSZip()

第四步: 获取内部每个文件的file

zip.loadAsync(file).then((res) => {
consol.log(res.files) // 每个file})

拓展: 判断压缩包内部文件是否都是img或jpg或png或jpeg图片

zip.loadAsync(file).then((res) => {
let isImg = true Object.keys(res.files).forEach((key) => {
const typeFlag = res.files[key].name.endsWith('jpg') || res.files[key].name.endsWith('png') || res.files[key].name.endsWith('bmp') || res.files[key].name.endsWith('jpeg') if (!typeFlag) {
isImg = false } }) if (!isImg) {
message.error(’压缩包内包含非要求格式文件!‘) }

转载地址:http://goqzi.baihongyu.com/

你可能感兴趣的文章
PHP统计当前网站的访问人数,访问信息,被多少次访问。
查看>>
Windows10远程报错CredSSP加密oracle修正
查看>>
Windows server 2016 设置多用户登陆
查看>>
偶然发现的面包屑
查看>>
每天自动升级你的Centos
查看>>
WDCP v3版本的小工具集
查看>>
CentOS 7 下挂载NTFS文件系统磁盘并设置开机自动挂载
查看>>
Mysql修改最大连接数&重启
查看>>
华为交换机划分vlan
查看>>
CentOS 6.6 搭建Zabbix 3.4.8 过程
查看>>
make: *** No targets specified and no makefile found. Stop.解决方法
查看>>
安装zabbix 3.4版本编译报错configure: error: Unable to use libevent (libevent check failed) 解决办法
查看>>
一行代码更改密码
查看>>
非插件实现cookie版Typecho文章阅读次数统计功能
查看>>
非插件实现Typecho语法高亮
查看>>
windows 下 netsh 实现 端口映射(端口转发)
查看>>
两个好用的命令行工具 watch 和 rsync
查看>>
信安入门神级书单
查看>>
【IPFS指南】IPFS的竞争对手们(一)
查看>>
docker更换国内镜像
查看>>