如何上传Image 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

您可以使用

<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';

Answer 2

您可以使用ng2-file-upload！

npm install ng2-file-upload --save

此处链接：http://valor-software.com/ng2-file-upload/