html - 如何从 HTML 输入类型 "file"或任何其他方式获取文件夹目录？

Question

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

我怎样才能得到这个输入来选择一个文件夹而不是一个文件，或者有其他方法吗？

Answer 1

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

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

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

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

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

您也可以添加目录属性，以防在某个时候标准化(找不到任何相关信息)