如何用BOM获取用户的文件系统访问权限？

// HTML: <input type="file" id="fileInput" multiple>

const fileInput = document.getElementById('fileInput');

fileInput.addEventListener('change', (event) => {
    const files = event.target.files; // 获取用户选择的文件列表

    if (files.length === 0) {
        console.log('没有选择文件');
        return;
    }

    // 遍历所有选择的文件
    for (const file of files) {
        console.log(`文件名: ${file.name}, 类型: ${file.type}, 大小: ${file.size} 字节`);

        // 如果想读取文件内容
        const reader = new FileReader();

        reader.onload = (e) => {
            // e.target.result 就是文件的内容
            // 对于文本文件，是字符串；对于二进制文件，是ArrayBuffer
            console.log(`文件 ${file.name} 的内容已加载完毕。`);
            // 可以在这里处理文件内容，比如显示在页面上
            // console.log(e.target.result);
        };

        reader.onerror = (e) => {
            console.error(`读取文件 ${file.name} 失败:`, e.target.error);
        };

        // 根据文件类型选择读取方式
        if (file.type.startsWith('image/')) {
            reader.readAsDataURL(file); // 读取图片作为Data URL
        } else if (file.type.startsWith('text/')) {
            reader.readAsText(file); // 读取文本文件
        } else {
            reader.readAsArrayBuffer(file); // 读取其他文件作为二进制数据
        }
    }
});

// HTML: <button id="openFileBtn">打开文件</button>

const openFileBtn = document.getElementById('openFileBtn');

openFileBtn.addEventListener('click', async () => {
    try {
        // 确保浏览器支持此API
        if (!window.showOpenFilePicker) {
            console.warn('您的浏览器不支持 File System Access API。');
            alert('抱歉，您的浏览器版本过低，不支持此功能。');
            return;
        }

        // 弹出文件选择器，用户可以选择一个文本文件
        const [fileHandle] = await window.showOpenFilePicker({
            types: [{
                description: '文本文件',
                accept: {
                    'text/plain': ['.txt'],
                },
            }],
            multiple: false // 只能选择一个文件
        });

        // 获取文件对象
        const file = await fileHandle.getFile();

        // 读取文件内容
        const contents = await file.text();

        console.log(`文件 ${file.name} 的内容:\n`, contents);

        // 如果需要写入，可以获取WritableStream
        // const writableStream = await fileHandle.createWritable();
        // await writableStream.write('新内容');
        // await writableStream.close();
        // console.log('文件已写入新内容');

    } catch (error) {
        if (error.name === 'AbortError') {
            console.log('用户取消了文件选择。');
        } else {
            console.error('打开文件时发生错误:', error);
        }
    }
});