如何从 HTML 输入类型“文件”或任何其他方式获取文件夹目录？

Question

所以我有一个类型为 "file" 的基本表单输入，但是我希望用户能够选择文件夹位置而不是文件。

如何获取此输入以选择文件夹而不是文件，或者有其他方法吗？

原文由 Ben 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

也偶然发现了这个页面，然后发现仅使用 javascript 就可以做到这一点（没有像 ActiveX 或 Flash 这样的插件）

基本上，他们在文件输入元素“webkitdirectory”上添加了对新属性的支持。你可以像这样使用它：

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

它允许您选择目录。 multiple 属性对于支持多文件选择但不支持目录选择的浏览器来说是一个很好的回退。

当您选择目录时，文件可通过控件的 dom 对象 (document.getElementById(‘ctrl’)) 获得，就像它们具有 multiple 属性一样。浏览器递归地将所选目录中的所有文件添加到该列表中。

您也可以添加目录属性，以防万一这在某个时候被标准化（找不到任何相关信息）

原文由 bwindels 发布，翻译遵循 CC BY-SA 4.0 许可协议