Javascript webkitRelativePath文件夹级别

在哪里可以找到有关

webkitRelativePath

属性可以具有的最大文件夹级别数的信息

我有这个：

<input type="file" multiple webkitdirectory id="fileURL" />

---

无法使用

input type=“file”

元素检索用户文件系统的完整路径

---

---

• 您可以将所有文件打包成一个带有“头”文档的

  JSON

  文件，例如

  JSON

  ，描述要重新组合的文件夹结构，解析为

  Blob

  或.just

  JSON

• 尝试将“根文件夹”重组为包含多个文件的

  数据URI

  表示的单个文件；例如，在

  JSON

  中，有一个包含如何重新组合文件结构的描述的“头”；例如，见

• 在现有文件夹的第一个文件中包含说明；解析第一个文件，或关于如何重新组合文件夹的文件结构的特定文件名

• 另一种选择是将

  accept=“application/zip”

  属性替换为

  多个

  ，

  目录

  属性；将文件夹另存为

  .zip

  ，解压缩时应保留文件夹结构

---

另请参见

问题中是否可以包含

javascript

？当然，在问题中添加了一些示例js。您是否试图在客户端文件系统中检索到资源的完整路径？是的，如果可能的话。您可以深入到多深？为什么要获取客户端文件系统的完整路径？检索用户文件系统资源的完整路径的目的是什么？我有一个预定义的文件夹结构要重用。您可以将所有文件打包成一个带有“头”文档的

JSON

文件，例如

JSON

，描述要重新组合的文件夹结构，解析为

Blob

或.just

JSON

Hm我真的不确定该如何工作。我希望能够将根文件夹拖放到输入控件。

var files,
    file,
    extension,
    input = document.getElementById("fileURL"),
    output = document.getElementById("fileOutput"),
    holder = document.getElementById("fileHolder");

input.addEventListener("change", function (e) {
    files = e.target.files;
    output.innerHTML = "";

    for (var i = 0, len = files.length; i < len; i++) {
        file = files[i];
        extension = file.name.split(".").pop();
        output.innerHTML += "<li class='type-" + extension + "'>" + file.webkitRelativePath + " (" + Math.floor(file.size / 1024 * 100) / 100 + "KB)</li>";
    }
}, false);