Creé una aplicación en la que quiero enviar datos de formulario de usuario con una imagen cargada por ellos, soy nuevo en angular, por lo que no estoy al tanto de esto, ¿alguien puede ayudarme? He adjuntado imágenes de mi código a continuación.
Estoy usando un modelo para los datos de la cumbre del usuario y el método de datos de formulario para cargar la imagen, ¿cómo puedo combinar ambos?
[ingrese la descripción de la imagen aquí][1] esta es mi imagen donde estoy creando una API, el área resaltada es a donde va la imagen. También quiero enviar los datos enviados por el usuario [ingrese la descripción de la imagen aquí][2] esta es la foto de mi modelo [ingrese la descripción de la imagen aquí] [3] esta es la foto de mi formulario
gracias de antemano
[1]: https://i.stack.imgur.com/CoIHE.png [2]: https://i.stack.imgur.com/19My3.png [3]: https://i.stack.imgur.com/4PIMe.pngEn el código de la imagen 1 que adjuntó, repita amablemente formdata.append("key", value); una vez más por agregar los datos de su modelo de usuario también.
seria algo parecido a esto
const formdata = new FormData(); formdata.append("userData", this.userData.value); formdata.append("image", this.uploadedFile.value);A continuación, un ejemplo para cargar un elemento de archivo. Estoy usando una lista de archivos aquí, tal vez tú también lo estés. Espero que esto te ayude.
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); }