javascript - "file"对象没有 'path' 属性。 ( typescript )

Question

我正在传递 File来自浏览器的对象(通过拖放)到这样的函数:

// .... logic here...
accept(file)

public static accept(file: File) {
   console.log(file)
   /* prints:
      => lastModified: 1555453309243
         lastModifiedDate: Wed Apr 17 2019 01:21:49 GMT+0100 (GMT+01:00) {}
         name: "test.txt"
         path: "test.txt" --> as you can see there is a path variable in here.
         size: 16
         type: "text/plain"
         webkitRelativePath: ""
         __proto__: File
   */

   console.log(file.name) // => prints 'test.txt'
   console.log(file.size) // => prints '16'
   console.log(file.path) // => !! error given. path does not exists in File object. Also IDE does not show this parameter in IDE autocomplete list.
}

给出的错误:

Property 'path' does not exist on type 'File'.ts(2339)

为什么 File没有 path范围？如何确保路径存在？ File 还有其他类型吗？ ?这是一个 HTML5 拖放。

如果我这样做:

public static accept(file: any) {
   alert(file.path);
}

它显示了相对路径:

Answer 1

对于其他使用 react-dropzone 的人，似乎他们正在输入 FileWithPath来自这个图书馆 file-selector请参见此处的第 3 行:
https://github.com/react-dropzone/react-dropzone/blob/master/typings/react-dropzone.d.ts
您可以简单地导入这个 FileWithPath来自 react-dropzone无论您需要它。