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

Question

我想上传一张图片并以 Angular 4 创建它的预览。
模板如下:

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

我想在选择文件时调用函数 handleUpload()。此函数将变量 Logo 的值设置为所选文件的路径。我无法获取路径，因为未调用函数 handleUpload($event)。
组件类如下:

 export class App {
 Logo:string;

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

 }

  constructor() {

  }
}

我不明白我的代码有什么问题。 Demo

Answer 1

在 Angular 中，您可以编写没有“on”后缀的 javascript 事件。

改变:

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

收件人:

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