Я использую этот код в Angular для отправки данных на мою Laravel 5.7
конечную точку API как multipart/form-data
:
sendImageFile(id: number, fileToUpload: File) {
const formData: FormData = new FormData();
formData.append('file', fileToUpload, fileToUpload.name);
formData.append('photoalbum_id', id.toString() );
this.headers.delete('Content-Type'); // remove default application/json setting
this.headers.append('Content-Type', 'multipart/form-data');
this.options = new RequestOptions({ headers: this.headers });
return this.http.post(this.url, formData, this.options)
.pipe(catchError(this.handleError));
}
Я проверил отправленные данные с этим кодом:
new Response(formData).text().then(console.log);
Получить этот результат в консоли:
------WebKitFormBoundaryRjHGSmIZUd0iUMK9
Content-Disposition: form-data; name="file"; filename="mice.jpg"
Content-Type: image/jpeg
here-is-some-blob-data
------WebKitFormBoundaryRjHGSmIZUd0iUMK9
Content-Disposition: form-data; name="photoalbum_id"
1
Похоже, данные (и поле photoalbum_id) отправлены.
Но Laravel возвращает внутреннюю ошибку сервера с этим сообщением об ошибке:
SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'photoalbum_id' cannot be null (SQL: insert into...
Что я не прав в этом случае? Почему бы не проанализировать данные формы Laravel?