js 如何打开本地文件夹

在 JavaScript 中，浏览器是不允许直接访问本地文件系统的。但是可以通过 input 元素和 FileReader API 来实现打开本地文件夹的功能。

1. 创建一个 input 元素：

<input type="file" id="fileInput" multiple>

2. 监听 input 元素的 change 事件，获取用户选择的文件：

const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', () => {
  const files = fileInput.files;
  console.log(files);
});

3. 使用 FileReader API 读取文件内容：

const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', () => {
  const files = fileInput.files;
  const reader = new FileReader();
  reader.onload = () => {
    console.log(reader.result);
  };
  reader.readAsText(files[0]);
});

以上代码演示了如何读取用户选择的第一个文件的内容，并将其作为文本输出到控制台。如果需要读取多个文件，可以在 input 元素中添加 multiple 属性，并遍历 files 数组读取每个文件的内容。