如何选择带有html输入文件的文件夹

单击“浏览”按钮时，我只想选择文件夹。在我的项目中，我使用IE是有原因的。我搜索了一些论坛，但没有找到任何有用的解决方案。选择文件夹后，我想在文本框中显示文件夹路径。有什么解决办法吗？

没有

---

IE不支持，即使在支持的地方，原始路径也不提供给JS。

您只能选择带有html输入标记的文件夹，但最终它将选择该文件夹中的所有文件，并且在现代浏览器中无法获取文件路径（出于安全原因）。JS不与文件系统通信

但如果您主要关心的是用户仅选择文件夹，则可以使用以下选项：

<input type="file" webkitdirectory directory multiple/>

希望这有帮助

首先，从中可以看出webkitdirectory属性不支持IE浏览器。因此，我们不能使用输入文件来选择文件夹

此外，当使用input file元素上传文件时，大多数浏览器（包括IE11浏览器）只提供文件名，而不是完整路径。如果我们使用

value

属性来获取文件名，它会给我们一个假路径，比如：“C:\fakepath\uploadfile.text”。这是浏览器的默认行为，以防止不适当的信息泄露

要在IE浏览器中获取完整的文件路径，我们可以在Internet Explorer中启用安全设置（打开Internet选项，选择安全选项卡，单击“自定义级别…”，启用“将文件上载到服务器时包含本地目录路径”选项并单击“确定”按钮保存更改），然后我们可以使用“值”属性获取上载文件的完整路径，然后您可以根据该路径获取文件夹

---

[注意]提供完整文件路径被视为安全漏洞，默认情况下被禁用。出于安全考虑，我建议您不要启用此选项，而是使用此方法显示文件夹。

这不起作用。他们特别询问了不支持这一点的InternetExplorer。（他们还特别要求读取目录路径，而不是文件）。它在IE中工作。请在IE中打开此代码笔示例并检查。我还同意JS不会与文件系统通信的事实，因此您不会获得绝对路径。它说：⚠ 不支持的浏览器⚠ CodePen在InternetExplorer11中可能无法正常工作。我们通常只支持Chrome、Firefox、Safari和Edge等主要浏览器的最新版本，不让我看演示。看起来你自己没有在IE中测试。很抱歉，我是在Microsoft Edge 44.18362.449.0中测试的，不是IE。