如何从angular 4中的文件上载输入获取路径

我想上传一张图片并在angular 4中创建预览
模板如下所示：

<div>
  <input type="file" (onchange)="handleUpload($event)">
  <img [src]="Logo" >
</div

 export class App {
 Logo:string;

 handleUpload(e):void{
    this.Logo = e.target.value;

 }

  constructor() {

  }
}

---

我不明白我的代码出了什么问题

在angular中，您可以编写不带“on”后缀的javascript事件

更改：

<input type="file" (onchange)="handleUpload($event)">

致：

---

显示预览图像-示例代码

<input type="file" (change)="showPreviewImage($event)">
<img [src]="localUrl" *ngIf="localUrl" class="imgPlaceholder">



 localUrl: any[];
    showPreviewImage(event: any) {
        if (event.target.files && event.target.files[0]) {
            var reader = new FileReader();
            reader.onload = (event: any) => {
                this.localUrl = event.target.result;
            }
            reader.readAsDataURL(event.target.files[0]);
        }
    }

localUrl:any[]；
showPreviewImage（事件：任何）{
if（event.target.files&&event.target.files[0]）{
var reader=new FileReader（）；
reader.onload=（事件：any）=>{
this.localUrl=event.target.result；
}
reader.readAsDataURL（event.target.files[0]）；
}
}

<input type="file" (change)="showPreviewImage($event)">
<img [src]="localUrl" *ngIf="localUrl" class="imgPlaceholder">



 localUrl: any[];
    showPreviewImage(event: any) {
        if (event.target.files && event.target.files[0]) {
            var reader = new FileReader();
            reader.onload = (event: any) => {
                this.localUrl = event.target.result;
            }
            reader.readAsDataURL(event.target.files[0]);
        }
    }