Javascript 关于以角度预览图像 onChange（事件：任何）{ this.imageInput=event.target.files[0]； let reader=new FileReader（）； reader.onload=（e:any）=>{ this.imageInput=e.target.result； } reader.readAsDataURL（event.target.files[0]）； }

这是我的代码。我的问题是，每次我都会上传和预览一张图片。“GET 404（Not Found）”一直显示在我的控制台日志中。

最初

imageInput

为

null

，因此您可以使用

ngIf

清除消息，如下所示：

<img [src]="imageInput" alt="" width="100%">
<input type="file" (change)="onChange($event)" accept="image/*">

onChange(event: any) {
    this.imageInput = event.target.files[0];
    let reader = new FileReader();

    reader.onload = (e: any) => {
        this.imageInput = e.target.result;
    }

    reader.readAsDataURL(event.target.files[0]);
}

---

检查它。

您只需要删除这一行

---

this.imageInput=event.target.files[0]

问题仍然存在，先生，即使我把*ngIf放在那里。即使有默认图像。一旦我更改了它，仍然有一个错误。@LordGrim您看到plunkr链接了吗？如果你做了同样的事情，你应该得到同样的结果，除非你做了一些你在问题中没有分享的事情。为什么没有$event，而您有“reader.readAsDataURL（event.target.files[0]）；”。“事件”从何而来？我试着将其删除。但还有一个错误。类型“EventTarget”上不存在属性“files”。@LordGrim更改了plunkr，您可以再次签出它。从何处获取这些图像？它是否位于资产文件夹下？

<img *ngIf="imageInput" [src]="imageInput" alt="" width="100%">