Angular2中有两个比较好用的上传文件的第三方库，一个是ng2-file-upload，一个是ng2-uploader。ng2-uploader是一个轻便的上传文件的支持库，功能较弱，而ng2-file-upload是一个功能比较全面的上传文件的支持库。这里主要介绍一下ng2-file-upload的使用。
ng2-file-upload文件上传
1、安装ng2-file-upload模块
2、如果使用systemjs打包，需要在配置systemjs.config.js文件
A、在System.config的map字段中的最后一行输入以下字段：
B、在System.config的packages字段中的最后一行输入：
3、在app.module.ts文件中，或者您有多个模块，在需要的模块中引入一下模块
然后在@NgModule的imports字段中引用CommonModule和FileUploadModule。
属性
public uploader:FileUploader = new FileUploader({
url: "http://localhost:3000/ng2/uploadFile",method: "POST",itemAlias: "uploadedfile"
});
// C: 定义事件，选择文件
selectedFileOnChanged(event:any) {
// 打印文件选择名称
console.log(event.target.value);
}
// D: 定义事件，上传文件
uploadFile() {
// 上传
this.uploader.queue[0].onSuccess = function (response,status,headers) {
// 上传文件成功
if (status == 200) {
// 上传文件后获取服务器返回的数据
let tempRes = JSON.parse(response);
} else {
// 上传文件后获取服务器返回的数据错误
alert("");
}
};
this.uploader.queue[0].upload(); // 开始上传
}
}
5、对应的html内容
selectedFileOnChanged($event)在 .ts文件中定义selectedFileOnChanged(event: any) {
console.log(event.target.value);
}
