Question

我想在angular2

中添加图像到文件类型变量

我试过这样的

private file:File;

setImage(){
  this.file = "../assets/image/image.jpg"
}

但它不起作用。

Answer 1

private file:File;
this.file = "../assets/image/image.jpg"

我很确定typescript编译器告诉你，你不能将String分配给File类型。这就是为什么它不起作用。换句话说，当你说该文件是File类型时，那么typescript编译器期望一种特殊的对象，一个File对象。如果您为其分配string，它会告诉您这是错误的。当你写:File时，它不仅仅是一个装饰，它告诉打字稿，嘿我打算将它作为File，所以如果我指定其他内容，请务必向我尖叫。

所以你可以这样做，如果你想要一个string：

private file:string;
this.file = "../assets/image/image.jpg"

或者，如果您想要一个合法的File对象，File这里的文档https://developer.mozilla.org/en/docs/Web/API/File 这样说：

new File(
  Array parts,
  String filename, 
  BlobPropertyBag properties
);

所以：

  file:File = new File(this.data , "filename");

或者如果您想免费：

file:any;

在旁注中，您应该阅读文档或快速入门，因为如果您不理解打字，那么首先使用打字稿符号是没有意义的。

Angular2将图像从typescipt添加到文件类型

1 个答案: