Node.js 我想将图像URL作为json数据上传到我的angular表单，并将其发送到服务器。图像URL来自服务器响应

我想将图像URL作为json数据上传到我的angular表单，并将其发送到服务器。服务器应响应图像URL。 因为服务器重命名了图像，所以我想从服务器获取图像的URL，然后将其放入我的表单中，然后将表单提交给服务器。 这是图像上载到服务器：

selectedFile: File = null;

onFileSelected(event){
 this.selectedFile = <File>event.target.files[0];
}

onUpload(){
 const fd = new FormData();
 fd.append('imageFile', this.selectedFile, this.selectedFile.name);
 this.http.post('https://localhost:3443/products/upload', fd)
   .subscribe(res => {
     console.log(res);
   });
 }

这是json数据

{
  "name": "new product",
  "imgFront": "images/products/0.7578449276506667Photo.png",
  "imgBack": "images/products/0.44058320485375324WhatsApp Image 2018-10-25 at 18.00.23.jpeg",

},

---

通常，文件不被视为表单的一部分。它们被添加到表单中，但处理方式不同。原因是文件上传通常是异步的，在大多数情况下，通常不会上传到表单提交上

相反，它们首先被上传，然后它们的下载URL被添加到表单值中，这正是您想要的方式

因此，要处理您的案例，您可以执行以下操作：

从productForm中删除imgFront和imgBack。 在组件上声明imgFront和imgBack属性。 除非设置了imgFront和imgBack，否则禁用表单中的提交按钮。 设置后，启用“提交”按钮。 在向产品API发送响应时，将imgFront和imgBack也添加到请求负载中。

---

这是给你的参考号的一封信。

你试了什么？我们在这里不是为您编写代码，而是向我们展示您尝试过的内容和不起作用的内容，如中所述。@HamzaHajyousef，我很高兴它做到了。也请考虑接受这个答案来结束循环。快乐编码。

{
  "name": "new product",
  "imgFront": "images/products/0.7578449276506667Photo.png",
  "imgBack": "images/products/0.44058320485375324WhatsApp Image 2018-10-25 at 18.00.23.jpeg",

},