webkitRelativePath 文件夹级别

Question

我在哪里可以找到有关webkitRelativePath 属性可以拥有的最大文件夹级别数的信息？

我有这个：

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

我在folder6 c:\folder1\folder2\folder3\folder4\folder5\folder6\image.jpg 中添加了一个文件image.jpg 但是当我在遍历folder6 中的所有文件时在for 循环中调试并设置断点时，File.webkitRelativePath 只返回最后两个文件夹"folder5/folder6/image.jpg"。

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);

Answer 1

无法使用input type="file" 元素检索用户文件系统的完整路径。

---

1234563 /p>

• 尝试将“根文件夹”重组为单个文件，其中包含多个文件的data URI 表示；带有包含描述的“标题”，例如，在JSON 中，说明如何重新组装文件结构；见，例如HTML5 Javascript how to create a gallery photo with all file in a folder

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

• 另一种选择是将accept="application/zip" 属性替换为multiple、directory 属性；将文件夹另存为.zip，解压时应保留文件夹结构

另见Exploring the FileSystem APIs