Angular上传图像并将其保存在spring后端

Question

我是Angular/Spring的新手，必须存储(H2数据库(图像(jpeg/png(，我不太确定应该如何做到这一点。我在模板中获得的文件为：

<input #img type = "file"  accept="image/jpeg,image/png"  (change)="onFileSelected($event)">

我的组件类如下：

private userDto: User = {
id: 0,
name: null,
img: null
}
save(name:string){
this.userDto.name = name;
this.userService.saveUser(this.userDto).subscribe(
newUser => this.createdUser = newUser)
}
onFileSelected(event){
this.user.img = event.target.files[0];
}

我的服务(简化(：

saveUser(user: User): Observable<User>{
return this.http.post<User>(this.userURI, user);
}

我在Spring中使用@PostMapping/@RequestBody捕捉到了这篇帖子。我现在的问题是：我必须在Angular和Spring[java]中发送和使用哪种类型，这样我就可以将图像存储在后端，并在返回时显示我刚刚存储的图像。(或者我做错了什么？(很抱歉有可能是转储问题，但我以前从未使用过Angular或Spring。提前感谢

Answer 1

uploadFile( file: File , id : number ) : Observable<any>  
{  
let url = this.baseUrl + "uploadImage/" + id ;  
const formdata: FormData = new FormData();  
formdata.append('file', file);  
return this.http.post(url , formdata);  
}  

文件类型的文件参数在event.target.files.item(0(中检索

查看此项以了解更多详细信息：https://www.javatpoint.com/angular-spring-file-upload-example