如何以角度发送带有图像的表单数据？答案

【问题标题】：how can I send form data with image in angular?如何以角度发送带有图像的表单数据？
【发布时间】：2021-12-27 18:44:40
【问题描述】：

我创建了一个应用程序，我想用他们上传的图像向用户发送表单数据，我是 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

【问题讨论】：

标签： javascript angular angularjs

【解决方案1】：

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

应该是类似的，

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

【讨论】：

非常感谢您帮助它工作！！！！

【解决方案2】：

以下是上传文件项的示例。我在这里使用 FileList，也许你也是。希望对您有所帮助。

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);
}

【讨论】：