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

标签 html file input directory

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

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

最佳答案

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

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

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

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

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

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

关于html - 如何从 HTML 输入类型 "file"或任何其他方式获取文件夹目录?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12942436/

相关文章:

html - 圆形图像或边框半径 100%?

javascript - 我想更改表单控件类类型的日期格式是日期吗?

javascript - 表单字段输入数字通过在前面添加零自动转换为3位数字

javascript - 如何获取&lt;input&gt;上传的图片大小

javascript - 用户断开连接后删除 Canvas 和套接字 IO 中的形状

c++ - qt 文件读取行总是在第二次读取时返回 -1

swift - 如何将图像保存在用户选择的文件夹中,而不是我选择的文件夹中

正则表达式 - 将文件重命名为文件名中的最高分辨率

html - 在文本输入中放置美元符号

javascript - 更改/追加文本区域中的值