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

发布时间：2020-12-17 17:03:04 所属栏目：安全来源：网络整理

导读：我想上传一张图片并以角度4创建它的预览. 模板如下： div input type="file" (onchange)="handleUpload($event)" img [src]="Logo" /div 我想在选择文件时调用函数handleUpload().此函数将变量Logo的值设置为所选文件的路径.我无法获取路径,因为未调用函数ha

我想上传一张图片并以角度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)">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!