html5/Javascript - 如何获取选定的文件夹名称？答案

【问题标题】：html5/Javascript - How to get the Selected folder name?html5/Javascript - 如何获取选定的文件夹名称？
【发布时间】：2014-09-03 07:42:10
【问题描述】：

我正在使用 webkitdirectory 来选择一个文件夹。我想获取选择上传的文件夹名称。

【问题讨论】：

标签： javascript html

【解决方案1】：

html:

<input type="file" id="FileUpload" onchange="selectFolder(event)" webkitdirectory mozdirectory msdirectory odirectory directory multiple />

javascript：

<script type="text/javascript">
function selectFolder(e) {
    var theFiles = e.target.files;
    var relativePath = theFiles[0].webkitRelativePath;
    var folder = relativePath.split("/");
    alert(folder[0]);
}
</script>

【讨论】：

我注意到上述解决方案的一个限制。如果您有 blank 文件夹，则它不起作用。知道如何解决吗？
@MKR 空白文件夹是什么意思？我不熟悉 Mac 或 Linux，但我不能将文件夹重命名为空格或空字符串，这就是我认为“空白”的意思。
@donutguy640 假设我创建了一个文件夹“ABC”。该“ABC”文件夹尚不包含任何其他文件。在这种情况下，您无法选择文件夹名称。
@MKR 你是对的。在谷歌浏览器的新更新中，如果文件夹为空，则不会选择文件夹。
如果目录为空并且需要路径怎么办？？？