javascript使用promise递归读取目录下所有文件

如题,主要是为了练习一下promise的使用。之前一直不知道promise对象的then函数还可以返回promise对象,以便达到链式调用的效果。
下面上代码,以记之~~~

var fs = require('fs');
var path = require('path');

function readdirPromisify(dir) {
    return new Promise((resolve, reject) => {
        fs.readdir(dir, (err, list) => {
            if (err) {
                reject(err);
            }
            resolve(list);
        });
    });
}

function statPromisify(dir) {
    return new Promise((resolve, reject) => {
        fs.stat(dir, (err, stats) => {
            if (err) {
                reject(err);
            }
            resolve(stats);
        });
    });
}

function listDir(dir) {
    return statPromisify(dir).then(stats => {
        if (stats.isDirectory()) {
            return readdirPromisify(dir).then(list => 
                Promise.all(list.map(item => 
                    listDir(path.resolve(dir, item))
                ))
            ).then(subtree => [].concat(...subtree));
        } else {
            return [dir];
        }
    });
}
`el-upload` 是 Element UI 提供的一个用于文件上传的功能组件,它支持单个文件上传、批量上传以及上传前的限制条件设置。如果需要实现递归上传文件,通常是指在遇到文件夹时,能够自动遍历文件夹内部的所有文件并一起上传。这通常涉及到文件系统的操作,比如读取目录内容。 在 Vue.js使用 `el-upload` 实现文件递归上传,可以采用以下步骤: 1. **检查是否是文件夹**:在用户选择文件后,通过 JavaScript 的 `File` 对象的 `isDirectory` 属性判断当前选中的是否是文件夹。 2. **获取文件夹内容**:如果确实是文件夹,可以通过 `FileReader` API 或者 Node.js 模块 (如 fs) 遍历文件夹内的文件。 3. **将文件列表添加到上传队列**:对每个文件调用 `addFiles` 方法,将其添加到 `el-upload` 组件的待上传文件列表中。 4. **处理上传**:当所有文件都添加到队列后,可以选择一次性上传整个队列,或者分批上传。 5. **回调处理**:在上传完成后,可以监听 `on-success` 或其他适当的钩子函数来处理上传结果。 下面是一个简单的伪代码示例: ```javascript methods: { handleDrop(file) { if (file.isDirectory) { this.getFilesFromFolder(file).then(files => { this.$refs.upload.addFiles(files); }); } else { // 单个文件直接上传 this.$refs.upload.addFiles(file); } }, getFilesFromFolder(dir) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = () => { // 读取目录内容,解析文件数组 // ...这里处理实际的文件遍历逻辑... resolve(resultArray); }; reader.readAsText(dir); }); } } ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值