如何选择html输入文件夹

rn0zuynd  于 2023-11-15  发布在  其他
关注(0)|答案(4)|浏览(220)

当我点击浏览按钮时,我只想选择文件夹。在我的项目中,由于某些原因,我使用IE。我搜索了一些论坛,但我没有找到任何有用的解决方案。选择文件夹后,我想在文本框中显示文件夹路径。那么有什么解决方案吗?

syqv5f0l

syqv5f0l1#


directory属性在IE中不受支持,即使在支持的地方,原始的 path 对JS也不可用。

vmdwslir

vmdwslir2#

首先,从MDN document中,我们可以看到webkitdirectory属性不支持IE浏览器。所以我们不能使用输入文件来选择文件夹。
此外,当使用input file元素上传文件时,大多数浏览器(包括IE11浏览器)会给予文件名,而不是完整的路径。如果我们使用value属性获取文件名,它会给予一个假路径,如:“C:\fakepath\uploadfile.text”。这是浏览器的默认行为,以防止不适当的信息泄露。
要在IE浏览器中获取完整的文件路径,我们可以在Internet Explorer中启用安全设置(打开Internet选项,选择安全选项卡,单击“自定义级别. *",启用上传文件到服务器时包含本地目录路径”选项,单击确定**按钮,保存更改),然后我们可以使用value属性来获取上传文件的完整路径,然后,你可以根据它来获取文件夹。
[注意]提供完整文件路径被视为安全漏洞,默认禁用,出于安全考虑,建议您不要启用此选项,使用此方法显示文件夹。

ubof19bj

ubof19bj3#

你可以只选择html中带有input标签的文件夹,但最终它会选择该文件夹中的所有文件,而且你无法在现代浏览器中获得文件路径(出于安全原因)。
但如果您主要关心的是用户只选择文件夹,您可以使用此:

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

字符串
希望有帮助!

thtygnil

thtygnil4#

你必须为你的输入类型文件设置一个空的属性

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

字符串

相关问题