Estoy tratando de subir una imagen. Normalmente uso axios call api. Como esta llamada no funciona con axios, probé con fetch.

quiero saber cual es la diferencia entre estos dos

Aquí están estos dos.

Axios // LLAMADA API SIN ÉXITO CON ESTE

 axios .post( "userapi/UpdateUserProfileImage", { body: createFormData(photo, {}), }, { headers: { "Content-Type": "multipart/form-data", }, } ) .then((res) => console.log(res.data)) .catch((err) => console.log(err.response.data.Message));

Aquí está el método de búsqueda. // esto será exitoso

 fetch("userapi/UpdateUserProfile", { method: "POST", headers: new Headers({ "Content-Type": "multipart/form-data", }), body: createFormData(photo, {}), }) .then((data) => data.json()) .then((res) => { console.log("upload succes", res); }) .catch((error) => { console.log("upload error", error); });

¿Cuál es la diferencia entre estos dos?

Aquí está el error cuando uso axios para llamar a la API.

El índice estaba fuera de rango. Debe ser no negativo y menor que el tamaño de la colección.