如何发送带有角度图像的表单数据

Question

我已经创建了一个应用程序，我想在其中向用户发送带有他们上传的图像的汇总表单数据，我是angular的新手，所以我对此一无所知。任何人都可以帮我吗？我在下面附上了我的代码图像

我正在使用用户汇总数据的模型和表单数据上传图像的方法我如何将两者结合起来

[在此输入图像描述][1]这是我创建api的图片，突出显示的区域是图片的去向，我还想发送用户提交的数据[在此输入图像描述][2]这是我模特的照片[在此输入图像描述][3]这是我的表格的图片

提前感谢

[1]: https://i.stack.imgur.com/CoIHE.png
[2]: https://i.stack.imgur.com/19My3.png
[3]: https://i.stack.imgur.com/4PIMe.png

Answer 1

在您所附的图1中的代码中，请再次重复formdata.append("key", value);，以附加用户模型的数据。

这将是类似的东西，

const formdata = new FormData();
formdata.append("userData", this.userData.value);
formdata.append("image", this.uploadedFile.value);

Answer 2

下面是一个上传文件项的示例。我在这里使用文件列表，也许你也是。希望这对你有所帮助。

endpoint: string = 'https://YOURAPI/upload/Pictures';
httpUploadPicture(file: FileList)
{
const formData = new FormData();
formData.append('yourotherdata', yourotherdata);
if (file) formData.append('File', file[0], file[0].name);
this.http.post(this.endpoint, formData);
}