在Web开发中，JavaScript是一种非常强大的脚本语言，可以用来给页面添加动态交互效果。但出于安全考虑，浏览器中JavaScript的权限受到限制，无法直接访问用户本地文件系统。然而，有时我们需要让用户选择本地文件夹以便读取或保存文件。那么，如何通过JavaScript 打开文件夹呢？
为了达到这个目的，我们可以借助HTML5规范中input元素的type属性来使用文件类型的输入框。文件输入框虽然主要用于选择文件，但也支持选择文件夹。我们可以利用这个特性，与JavaScript结合来实现打开文件夹的功能。
首先，我们需要在HTML页面中添加一个文件输入框。我们给它一个id 属性，这样我们就可以在JavaScript 中引用它。代码如下所示：
input type='file' id='folder' webkit目录目录多个/
该输入框的type属性设置为file，webkitdirectory和directory属性用于指定选择文件夹的方式，multiple属性用于允许选择多个文件夹。
接下来，我们需要编写JavaScript 代码来处理用户选择的文件夹。我们可以使用addEventListener()方法来监听文件输入框的change事件，并在事件处理函数中获取用户选择的文件夹信息。代码如下所示：
document.getElementById('folder').addEventListener('change', function(e) {
var 文件=e.目标。文件；
for (var i=0; i files.length; i++) {
var 文件=文件[i];
console.log(file.webkitRelativePath);
}
});
上面的代码中，我们首先通过getElementById()方法获取文件输入框的元素，然后使用addEventListener()方法添加change事件监听器。事件处理函数的参数e是一个事件对象，其中的target属性指向文件输入框本身。通过files属性，我们可以获得用户选择的文件夹的文件列表。然后，我们可以迭代这个文件列表，获取每个文件的相对路径，并将其打印到控制台。
现在，我们可以按照以下步骤测试打开文件夹的功能：
创建一个HTML 文件，将上述HTML 代码粘贴到该文件中。
创建一个JavaScript 文件，将上述JavaScript 代码粘贴到该文件中。
在浏览器中打开此HTML 文件。
单击文件输入框可选择一个或多个文件夹。
打开浏览器的开发者工具，在控制台查看相对路径。
您会注意到所选文件夹中每个文件的相对路径将打印到控制台。
使用上述方法时，需要注意以下几点：
此方法仅适用于最新版本的Chrome，因为webkitdirectory 属性是Webkit 内核私有的。
用户选择的文件夹的路径信息是相对于打开“选择文件夹”对话框的文件夹的路径。
在访问文件夹中的文件时，由于浏览器安全限制，我们只能获取文件的相对路径，而无法读取文件的内容。
通过HTML5的新特性，我们可以使用JavaScript打开文件夹并获取用户选择的文件夹的路径信息。这为我们处理本地文件提供了更大的灵活性和便利性。虽然在安全性和跨浏览器兼容性方面存在一些限制，但是我们可以通过充分利用现有的技术手段来实现我们所需要的。希望本文能帮助您了解如何在JavaScript 中打开文件夹。
[MDN Web 文档- 输入元素](
[Stack Overflow - 打开文件夹对话框并选择多个文件](
