angular8 获取文件流_angular 8 表单带文件上传接口

作业标题

account_circle

作业内容

文件

aria-label="Delete"

matTooltip="Delete">

DELETE

upload(e): void{

this.file = e.target.files[0];

}

doSubmit(): void {

const formData: FormData = new FormData();

formData.append('file', this.file);

formData.append('id', this.homeWork.id);

formData.append('title', this.homeWork.title);

formData.append('description', this.homeWork.description);

formData.append('teacher_id', this.authentication.id);

formData.append('course_id', this.courseId);

this._courseService.updateHomeWork(formData).then( (res) => {

alert(res.msg);

} );

}

/**

* 保存或者更新老师布置的作业

* @param formData ，老师布置的作业

*/

updateHomeWork(formData ): Promise

{

return new Promise((resolve, reject) => {

const header: HttpHeaders = new HttpHeaders();

header.set('Content-Type', 'multipart/form-data');

this._httpClient.post(this._fuseConfigService.configSnapshot.url + '/api.php/rest/homeworks/file',

formData,

{headers: header }

)

.subscribe(response => {

// 添加成功后重新获取最新的作业信息

this.getHomeWork();

resolve(response);

});

});

}