读取本地文件夹以及读取文件的内容

一. 读取本地文件夹以及子文件

	const fileBtn = document.querySelector('#file') // 按钮
fileBtn.onclick = async function () {
    try {
        const handler = await showDirectoryPicker() // 打开本地文件夹的api 返回 promise
        const files = await handlerPicker(handler) 
        // readyFile(files)
    } catch (e) {
        console.log('取消')
        console.error(new Error(e))
    }
}
async function handlerPicker(handler) {
    if (handler.kind === 'file') return handler // 文件
    handler.files = [] // 收集文件
    const iter = handler.entries() // 文件夹的子文件
    for await (const item of iter) { // 使用递归的方式分别拿出文件夹的 子文件
        handler.files.push(await handlerPicker(item[1])) // 存储到 容器里面
    }
    return handler
}

二. 读取文件的内容

	async function readyFile(file) {
		const _file = await file.getFile()
     	const reader = new FileReader()
     	reader.readAsText(_file, 'utf-8') // 参数一为 文件对象， 参数二为 读取文件以什么编码读取
        reader.onload = e => {
			console.log(e);
			console.log(e.target.result) // 文件的内容
		}
	}