如何从角度4的文件上传输入获取路径

前端之家收集整理的这篇文章主要介绍了如何从角度4的文件上传输入获取路径前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想上传一张图片并以角度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

解决方法

在angular中你编写没有“on”后缀的javascript事件.

更改:

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

至:

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

猜你在找的Angularjs相关文章