我正在嘗試使用 angular 12 和 spring boot 上傳影像，
背面的 api 在使用郵遞員進行測驗時表現正確。
當我測驗前端時，我收到此錯誤：
“狀態：415，錯誤：“不支持的媒體型別”，訊息：“不支持內容型別‘應用程式/json’”，
******* 這里是我的 ts 檔案： *******
host = environment.API_URL;
private baseUrl = this.host;
constructor(private http: HttpClient) { }
upload(file: File): Observable<HttpEvent<any>> {
const formData: FormData = new FormData();
formData.append('file', file);
const req = new HttpRequest('POST', `${this.baseUrl}/uploadFile`, formData,{
reportProgress: true,
responseType: 'json'
});
return this.http.request(req);
}
getFiles(): Observable<any> {
return this.http.get(`${this.baseUrl}/files`);
}
}
謝謝你的幫助
uj5u.com熱心網友回復：
好吧，從服務器回傳的錯誤訊息似乎很清楚：“不支持內容型別應用程式/json”。
通常檔案上傳的 content-type 是multipart/form-data，所以你應該嘗試如下設定：
const req = new HttpRequest(
'POST',
`${this.baseUrl}/uploadFile`,
formData,
{
headers: new HttpHeaders({ 'content-type': 'multipart/form-data' }),
reportProgress: true,
responseType: 'json',
}
);
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/527574.html
標籤：有角度的打字稿上传文件http-status-code-415
上一篇：選擇一個屬性的通用函式