`fileSystemFileEntry.file()` 调用产生的文件 object 在 chrome（但不是 firefox）中缺少 webkitRelativePath

Question

我有以下 FileSystemFileEntry object（通过拖放包含该文件的文件夹获得）：

---

1. Firefox：通过.file()方法将其转换为文件 object 时，我在 firefox 中得到以下文件 object。webkitRelativePath 属性填充有完整路径。

---

2. Chrome：在通过.file()方法将其转换为文件 object 时，我在 chrome 中得到以下文件 object。 webkitRelativePath 属性是一个空字符串。

chrome 似乎失去了完整的路径。 有什么办法可以确保文件 object 在 chrome 中保留完整路径？ 这是预期的行为，还是 chrome 错误？

Answer 1

我也遇到了这个问题。 我找到的解决方法是自己在文件 object 上设置webkitRelativePath属性。

        const file: File = await new Promise((resolve, reject) => (item as FileSystemFileEntry).file(resolve, reject));
    Object.defineProperty(file, 'webkitRelativePath', {
      value: item.fullPath,
    });