floの:
私は角度/春に新しいですし、ストア(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);
}
私は、@ PostMapping / @ RequestBodyを使用して春にポストをキャッチ。私の質問は以下のようになります。私は、私はバックエンドで画像を保存し、それが返されたとき、私はちょうど保存された画像を表示することができ、[javaの]角度と春に送信して使用するタイプ持っています。(それとも私が間違っているのでしょうか?)申し訳ありませんが、多分質問をダンプするが、私は前に角度や春のどちらを使用したことがないため。前もって感謝します
XPZ:
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);
}
File型のファイル引数がevent.target.files.itemに検索された(0)
詳細については、この点を確認してください。https://www.javatpoint.com/angular-spring-file-upload-example