对fs异步读取文件的理解

在nodejs的API文档中可以看到大部分的文件或者文件夹的读取 *** 作都有异步和同步两种 *** 作。

有这样一个需求，读取某个文件夹下面的所有文件，因为有文件夹的嵌套，所宽高以需要使用递归来实现这一功能。

首先使用同步的方法，很简单的可以实现：

同步的逻辑很简单，每一个步骤都等上一步执行完再执行，没多大问题。

那么使用异步如何实现呢？

首先我想到的是，使用async/await去控制异步读取fs.readdir()的执行。

duang～报错～

这里报错的原因是：nodejs的fs模块的方法都没有返回promise。当然不能使用async/await进行处理。

在nodejs的fs模块的源码中，如下：

fs模块的readdir()和readdirSync()方法的核心区别是：readdirSync()方法直接返回的是通过binding.readdir()方法读取的结果。而readdir()方法则未返回任何值，只是将callback作为FSReqCallback对象onComplete方法，表示再读取成功之后再执行callback方法，从何获取到返回的读取内容。

可以看到fs.readdir()方法并没有返回promise，直接用await去丛禅修饰fs.readdir()方法，并不会同步化该方法中通过I/O去异步读取文件信息的 *** 作，这样的做法毫无意义。

所以，如何正确的使用异步读取的方法？

通过将fs.readdir()方法的返回promise化，这样就可以使用async/await了。

使用async/await事实上将后续的 *** 作阻塞了，需要等到readDir执行完渗巧尘之后再进行其他 *** 作，那么这里的和同步没有实质上的区别，反而还多了很多 *** 作，所以单单就readDir这里来说，将其promise化再使用async/await是无意义的。

但是这里在读取到files进行map的时候，里面的fs.stat()异步化，使用async/await是有意义的。这样可以不必等到 *** 作完了在进入下一次遍历，有利于提升效率。

项目用到了jszip.js插件,用于在后台获取zip文件,前端解压并将模者高型进行在线显示.

官网

jszip的API说明为英文,例子其实也有些模糊.

远程加载一个文件, 使用官网的例子 :(自行观看)

这里作为笔记,主要是想说

promise.then(JSZip.loadAsync)

.then(function( zip ){returnzip.file("Hello.txt").async("string")

    此处可以返回一个值,返回的值就是下一个.then的实参

})

这里的zip就是读取到的zip的数据,主要的属性诸如files就是zip中的文件,可以通过zip.file(filename)的形式将该文件对象进行存储,但是这里的文件对象其实是一个promise,当我们需要使用的时候可以通过.then 的形式使用

例如: pic.then(function(data){

            //data就是该文件的数据,得到data后可以通过使用,这里就需要注意我们在存储的时候可以通过使用zip.file(filename).async(数据形式)来定义数据的巧袭存储形式,例如base64,blob,arraybuffer,其中base64是图片的存储格式,但是是没有前缀的,必须加相应的前缀才可以显示.data:image/pngbase64就可以直接赋首宽尺值给image.src

})

---