【发布时间】:2019-06-01 02:33:23
【问题描述】:
我在 Angular 中使用此代码将数据作为 multipart/form-data 发送到我的 Laravel 5.7 API 端点:
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 的表单数据?
【问题讨论】:
标签: laravel laravel-5 multipartform-data