通过REST API在服务器上上传文件

Question

我正在尝试通过REST API在服务器上上传文件。我的api请求FormData模型，但Im得到400 bad request错误。

devtools中得“我得请求”得有效负载

------WebKitFormBoundaryVpirgXMC3RU3AOFA内容-配置：表单-数据；name=“文件”；filename=“test.jpg”content-type：image/jpeg

-----WebKitFormBoundaryVpirgXMC3RU3AOFA--

我的文档中的负载

文件：（二进制）

看看下面的代码。

upload.component.html

upload.component.ts

uploadForm = this._fb.group({
    profile: ['']
});
formData: FormData = new FormData();
...
onFileChange(event): void {
    if (event.target.files && event.target.files.length) {
        const file = event.target.files[0];
        this.uploadForm.get('profile').setValue(file);
    };
}
...
upload() {
    this.formData.append('file', this.uploadForm.get('profile').value);
    // API REQUEST
}

`

这是将输入值更改为formdata的好方法吗？

Answer 1

你能把你的代码从

this.formData.append('file', this.uploadForm.get('profile'.value);

至

this.formData.append('file', this.uploadForm.get('profile').value);