如何上传图片Angular2

Question

如何将angular2中的文件图像发送到我的后端？ 我有这个在我的component.html：

<input type="file" [(ngModel)]="selectedImage" /> 
<button (click)="uploadImage($event, selectedImage)">Save</button> 

但在我的功能，selectedImage是不确定的。

uploadImage($event, file) { 
    console.log(file); //file is undefined 
} 

Answer 1

您可以使用ng2-file-upload！

npm install ng2-file-upload --save 

链接在这里：http://valor-software.com/ng2-file-upload/

Answer 2

您可以使用

<div> 
    <input type="file" (change)="onChange($event)"/> 
</div> 

，并在JavaScript：

onChange(event) { 
    var files = event.srcElement.files; 
    console.log(files); 
} 

不要忘记

import {Component, EventEmitter} from '@angular/core';