react中使用jszip获取压缩包里文件的方法、Blob与Flie之间的转换

react中jszip获取压缩包里的文件方法：

// react里通过npm install jszip安装
import JSZip from 'jszip'const zip = new JSZip()
// 参数originFileObj我传入的是File文件对象，在此为压缩包
zip.loadAsync(originFileObj).then((res) => {console.log('resFile', res, res.files['图片/4.png.json']) // 打印一！如下图console.log(res.file('图片/4.png.json')) // 打印二！如下图// 可通过res.forEach((path, file) => {})获取所有文件，第一个参数为文件路径，第二个参数是jszip里的文件对象// 或者可利用Object.keys(res.files)得到压缩包里的所有文件（包括文件夹）再循环获取其中的文件// res.file('图片/')在获取文件夹时返回为空，可基此判断是否为文件夹// 或者通过res.files['图片/']获得的对象里的dir参数为true判断为文件夹res.file('图片/4.png.json').async('blob').then((data) => {console.log('data', data, new File([data], '4.png.json', {type: 'application/json'})) // 打印三！如下图 -- 为最终所得File对象})
})

上面originFileObj对应的可传入参数如下图所示：

打印一：

打印二：

打印三：

Blob(或其它字节流)转为File对象：

// blob为流，fileName为文件名，type为文件格式
new File([blob], 'fileName', { type: 'application/json' })

File转为Blob：

// file为文件流，type为文件格式
new Blob([file], { type: 'application/json' })

遇到jszip获取压缩包里的文件，取到Blob流转File的问题也琢磨了好久，记录一下~
望得到各位大佬的斧正~谢谢

react中使用jszip获取压缩包里文件的方法、Blob与Flie之间的转换相关推荐

Linux中 shell 脚本获取当前工作目录的方法
Linux中 shell 脚本获取当前工作目录的方法 1. 示例 2. 注意: 参考: 1. 示例 test.sh target_dir=$(cd $(dirname $0); pwd) echo $ ...
php 安装 bzip2,Linux_Linux系统中安装使用Bzip2来压缩文件的方法讲解，安装 Bzip2命令如下：复制代码 - phpStudy...
Linux系统中安装使用Bzip2来压缩文件的方法讲解安装 Bzip2命令如下: 复制代码代码如下: make -f Makefile-libbz2_so && make & ...
php 多个文件,PHP实现将多个文件中的内容合并为新文件的方法示例
本文实例讲述了PHP实现将多个文件中的内容合并为新文件的方法.分享给大家供大家参考,具体如下: function test() { $hostdir= iconv("utf-8", ...
java cmd找不到文件_cmd中输入java找不到文件解决方法
很多小伙伴都需要运行java代码,但是最近很多的小伙伴都遇到了找不到文件这个问题很是棘手,那么这个问题该怎么解决呢?下面就为大家带来解决方法. cmd中输入java找不到文件怎么办: 方法一. 1.找 ...
springboot-项目获取resources下文件的方法
spring项目获取resources下文件的方法最近写读取模板文件做一些后续的处理,将文件放在了项目的resources 下,发现了一个好用的读取方法: 比如上边是你需要读取的文件: 读取的方法如 ...
计算机普通用户禁止修改c盘,保护C盘数据win7中设置禁止修改C盘文件的方法
我们在win7电脑的使用中一般电脑中的C盘都是安装的就是我们所说的系统盘,那对于C盘的话是最好不要保存其他的文件和安装软件的,那有小伙伴害怕电脑中的还在那更要文件被别人修改的情况,想要直接设置禁止修改 ...
yii2 asset.php,Yii2中使用asset压缩js,css文件的方法_php实例
官网文档 http://www.yiiframework.com/doc-2.0/guide-structure-assets.html yii目录下运行 asset/template assets. ...
python同时打开两个文件_在python中使用with打开多个文件的方法
虽然初恋是java, 可是最近是越来越喜欢python, 所以决定追根溯源好好了解下python的原理,架构等等．小脑袋瓜不太好使,只能记录下慢慢进步吧使用with打开文件的好处不多说,这里记录一下 ...
React中标签字符串强制转html解析的方法
React中标签字符串强制转html解析的方法遇到的问题:在React中我们经常会请求数据并渲染到页面中间显示,我们可以直接使用更新state的方法,并使用tihs.state.(data)的方法进 ...

react中使用jszip获取压缩包里文件的方法、Blob与Flie之间的转换

react中使用jszip获取压缩包里文件的方法、Blob与Flie之间的转换相关推荐

最新文章

热门文章