html5/Javascript - 如何获取Selected文件夹名称?

Noo*_*ish 8 javascript html5

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

Noo*_*ish 20

HTML:

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

要么

<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>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

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

  • 我注意到上述解决方案的一个限制。如果您有一个“空白”文件夹,那么它不起作用。知道如何修复它吗? (3认同)
  • @donutguy640 假设我创建了一个文件夹“ABC”。该“ABC”文件夹尚不包含任何其他文件。在这种情况下,您无法选择文件夹名称。 (3认同)
  • @MKR 你说得对。在谷歌浏览器的新更新中,如果文件夹为空,则不会选择文件夹。 (3认同)
  • 如果目录为空并且需要路径会发生什么??? (3认同)