javascript - 获取目录的 HTML 多文件输入（Electon 应用程序）

Question

我有这个 HTML 输入字段：

<input
  name="folderInput"
  type="file"
  id="folderInput"
  webkitdirectory
  directory
  multiple
  onchange="selectFolder();"
/>

这是一个文件夹输入，您可以在其中选择一个文件夹，代码可以获取文件。

但是当我在函数上获取文件时，它会返回每个文件的完整路径。

实际行为（示例） 如果用户介绍：

• 名为的文件夹foo，其中包含一个文件text.txt
• 和一个名为的文件夹bar，其中包含一个文件fooboar.txt

代码返回给我这个：

(fullpath)/foo/text.txt
(fullpath)/bar/foobar.txt

我怎么能得到(fullpath)？

如何获取用户选择的文件夹的路径？

标签： javascripthtml

Answer 1

您可以通过此输入和 JavaScript 获得的最高层次结构是相对路径中最顶层的文件夹名称- 用户选择的那个。

在您给定的示例中，假定为fooor bar。

⚠️ 你不会得到绝对路径（因为这个信息是隐藏的，也是出于隐私/安全原因）。

如何获取路径段

使用字符串属性webkitRelativePath并拆分子字符串，直到第一次出现 path-separator /。

也可以看看

• 从输入字段中选择文件夹时获取文件夹名称，已回答问题
• MDN 参考文档webkitdirectory输入与示例