在组件里写入事件处理及定义变量：

demo-add.component.ts:

class Demo{

photo:String;

}

demo = new Demo();

photoFiles: any[] = [];

photoUrl:string;

onPhotoUpload(event) {

this.demo.photo = jsON.parse(event.xhr.response).data.name;

this.photoUrl ="upload/demo/"+this.demo.photo;

for(let file of event.files) {

this.photoFiles.push(file);

}

}

onPhotoUpload函数为onUpload（上传）异步事件触发的回调函数，接收一个$event参数，这里我们用到的是event.xhr，这是一个XMLHTTPREQUEST对象。我们用JSON.parse去解析，后台NODEJS代码：

router.post('/upload', function (req, res) {

//文件

const photoData = req.files.uploadPhoto[0];

//文件路径

const filePath = photoData.path;

//读取文件

fs.readFile(filePath, function (err, dahttp://ta) {

//取时间戳用来命名

const timestamp = Date.now();

//取文件类型用来命名

const type = photoData.type.split('/')[1];

//命名文件