Tengo un código para cargar un archivo en una API... luego la API responde con una URL de cadena... luego uso esa URL dentro de un objeto de grupo de formulario.
ahora, en mi plantilla, necesito cargar muchas imágenes> luego obtener cada URL como parámetro y luego enviarlas con un objeto json a api. alguien sabe como hacer esto por favor
aquí está mi component.ts

 let image = product['image']; let prodImage = new FormData(); prodImage.append('file', image); let fileUrl = `**********************`; return this.http.post(fileUrl, prodImage, { headers: new HttpHeaders().set( 'Authorization', `Bearer ${localStorage.getItem('user-jwt')}`) }).subscribe( (res: any) => { console.log(res.data.url) product.image_url = res.data.url; this.productsService.createProduct(product).subscribe( //sucess (response: any) => {} )}

hay problema es cuando necesito muchas imagenes

 let imageFr = let image = product['imageFr']; let imageEn = let image = product['imageEn']; let imageDe = let image = product['imageDe']; let prodImageFr = new FormData(); prodImageFr.append('file', imageEn); let prodImageEn = new FormData(); prodImageEn.append('file', imageEn); let prodImageDe = new FormData(); prodImageDe.append('file', imageDe);

No quiero usar muchas solicitudes de publicaciones http dentro de otras... Si hay alguna otra solución limpia... Gracias