あなたはng2-file-uploadを使用することができます。
import {Component} from '@angular/core';
import {FileUploader} from 'ng2-file-upload/ng2-file-upload';
@Component({
selector: 'simple-demo',
template: <div>your template </div>,
})
export class SimpleDemoComponent {
public uploader:FileUploader = new FileUploader({url: URL});
public hasBaseDropZoneOver:boolean = false;
public hasAnotherDropZoneOver:boolean = false;
public fileOverBase(e:any):void {
this.hasBaseDropZoneOver = e;
}
public fileOverAnother(e:any):void {
this.hasAnotherDropZoneOver = e;
}
}
これはangular2-RC5(この日現在のバージョン)のためのコードサンプルです。私はhiglyあなたがこのバージョンにアップグレードすることをお勧めします。この指示をapp.module.tsに追加することを忘れないでください。
declarations: [
...
FILE_UPLOAD_DIRECTIVES,
...
],
PrimeNGには、ファイルアップロードコンポーネントがあります。 http://www.primefaces.org/primeng/#/fileupload –