如何上傳圖片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';