如何从HTML输入型“文件”或其他任何方式的文件夹目录?(How to get folder dir

2019-06-18 13:56发布

所以我有一个类型一种基本形式输入"file"不过,我希望用户能够选择一个文件夹位置,而不是一个文件。

我怎样才能得到这个输入选择一个文件夹,而不是一个文件,或有另一种方式做到这一点?

Answer 1:

无意中发现这个页面上为好,然后发现这是可能的只是JavaScript的(如ActiveX或Flash无插件),但只是在镀铬:

https://plus.google.com/+AddyOsmani/posts/Dk5UhZ6zfF3

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

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

它可以让你选择的目录。 多重属性是支持多文件选择,但不是目录选择浏览器的一个很好的后备。

当您选择一个目录中的文件都可以通过控件的DOM对象(的document.getElementById(“CTRL”)),就像是它们与多种特性。 该增加的浏览器中选择目录中的所有文件到列表递归。

你已经可以添加目录属性,以及在此情况下,得到在某个时刻标准化(找不到有关的任何信息)



Answer 2:

你最有可能考虑使用闪光灯/的Silverlight / ActiveX控件。 所述<input type="file" />控制不处理。

如果你不介意用户选择文件为手段,以获取它的目录,你可以绑定到该控件的change某处事件,然后剥去文件名部分和保存路径-但那是因为它得到一样好。

请记住,网页设计与服务器进行交互。 关于提供本地目录到远程服务器没有什么是“典型”(服务器不能访问它何必自讨苦吃?); 然而文件的装置,以选择性地传递信息。



Answer 3:

尽管它已经是一个老问题,这可能会帮助别人。

我们可以在浏览一个文件中使用“多种”选择多个文件

<input type="file" name="datafile" size="40"  multiple> 


文章来源: How to get folder directory from HTML input type “file” or any other way?