如何在 angular 中发送带有图像的表单数据？

Question

我创建了一个应用程序，我想在其中向用户发送带有他们上传的图像的登顶表单数据，我是 angular 的新手，所以我很安静，不知道有没有人可以帮助我，我有下面附上我的代码图片

我正在使用用户上传数据模型和 formdata 方法来上传图片我如何将两者结合起来

[在此处输入图片描述][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

下面是上传文件项的示例。我在这里使用的是 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);
}

如何在 angular 中发送带有图像的表单数据？

how can I send form data with image in angular?

javascript

angularjs

angular