“Blob”类型上不存在属性“name”

Question

我有一个blob（将其命名为

file

），我试图通过执行类似的操作来存储其名称值

properties.name = file.name;

但它一直在抱怨

Property 'name' does not exist on type 'Blob'.

他们建议的快速修复将名称添加到 TypeScript node_modules 文件夹中的

blob

，但我不想这样做。

我应该采取哪些建议/选项来修复此错误？抱歉，我是 TS 新手，不知道要搜索什么。

这是我的图像斑点

console.log

。 （根据评论）我正在使用的库可能添加了 blob

lastModified: 1596803874299
lastModifiedDate: Fri Aug 07 2020 18:07:54 GMT+0530 (India Standard Time) {}
name: "photo of Elizabeth Tower, London-gcffb6skhv.jpg"
size: 408146
type: "image/jpeg"
webkitRelativePath: ""

Answer 1

我知道这是一个 1 年零 7 个月的问题，但我自己也遇到了这个问题。

这里的解决方案是使用扩展 Blob 的 File 类型。

Answer 2

A

Blob

可以是文件类型。在这种情况下，您将需要使用

File

类型。

File 对象是一种特定类型的 Blob，可以在 Blob 可以的任何上下文中使用。

A

File

对象包含您要查找的名称属性。

示例界面：

interface FormValues {
  title: string;
  description: string;
  file: File | null; // See the File type here
}

Answer 3

像这样

interface File extends Blob {
  readonly lastModified: number;
  readonly name: string;
  readonly webkitRelativePath: string;
}