javascript, html5: e.dataTransfer.items vs e.dataTransfer.files，如何用前者获取文件大小？ [复制]

Question

在删除文件并访问这些文件的信息时，使用

let files= e.dataTransfer.files;

您可以检查文件大小 (https://developer.mozilla.org/en-US/docs/Web/API/File)。但是，如果您使用较新的（以及据我所知的替代品）

let items = e.dataTransfer.items;

那么就没有办法获取文件大小（https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items）了。

哪种方法是知道被删除文件大小的正确方法？

答案：通过 .getAsFile() 访问文件

但是，读取目录时如何做到这一点？看代码

let items = e.dataTransfer.items;
for (let i=0; i < items.length; i++) {
    let item = items[i].webkitGetAsEntry();
    if (item && item.isFile)
        console.log(items[i].getAsFile()); // HERE IT WORKS
    else if (item && item.isDirectory) {
        item.createReader().readEntries(function(entries) {
            for (let j=0; j<entries.length; j++)
                see_file(entries[j].getAsFile()); // HERE IT DOES NOT WORK
        });
    }
}

Answer 1

根据 cmets 提供的答案，我们有以下几点：

如果拖放的项目是目录，则行

item.createReader().readEntries(function(entries) {

生成一个由entries 组成的数组，它们本身就是item.webkitGetAsEntry() 实例。

没有办法访问“父”，比如

 for (let j=0; j<entries.length; j++) {
   let parent = entries[j].parent;
   console.log(parent.webkitGetAsEntry());
   console.log(parent.getAsFile());
   //console.log(entries[j].getAsFile()) -> this fails
}

但是，从上面提到的答案的代码，可以做到这一点

 for (let j=0; j<entries.length; j++) {
  entries[j].file(function(file) {
    console.log(file.webkitGetAsEntry());
    console.log(file.getAsFile());
  });
}

并因此成功访问“父”节点。但我一直无法找到有关此的文档，我错过了什么？

编辑：你可以在这里找到 https://wicg.github.io/entries-api/#api-fileentry （见于 cmets）