Buenas, estoy teniendo el siguiente error, al presionar el botón de subir foto de michi: “Uncaught (in promise) TypeError: Failed to cons...

Ramiro Godoy

Ramiro Godoy

Pregunta
studenthace 3 años

Buenas, estoy teniendo el siguiente error, al presionar el botón de subir foto de michi:

“Uncaught (in promise) TypeError: Failed to construct ‘FormData’: parameter 1 is not of type ‘HTMLFormElement’.”

Alguna sugerencia, por favor?

4 respuestas
para escribir tu comentario
    Ramiro Godoy

    Ramiro Godoy

    studenthace 3 años

    ufff, no se como no ví ese error. Que grande Juan, te agradezco!!!

    Juan Castro

    Juan Castro

    teacherhace 3 años

    En tu HTML tienes el nombre del form en el atributo action, no en el atributo id. :eyes:

    Ramiro Godoy

    Ramiro Godoy

    studenthace 3 años

    Gracias Juan! si si, te paso, primero va el HTML y más abajo el código de JS

    <section id="uploadingMichi"> <h2>Sube la foto de tu gato</h2> <form action="uploadingForm"> <input id="file" type="file" name="file" /> <button type="button" onclick="uploadMichiPhoto()"> Subir foto del gato </button> </form> </section``` ///// async function uploadMichiPhoto() { const form = document.getElementById('uploadingForm') const formData = new FormData(form); console.log(formData.get('file')) const res = await fetch(API_URL_UPLOAD, { method: 'POST', headers: { 'X-API-KEY': 'df50328b-fd66-4802-896a-a3219ea30bfe', }, body: formData, }) }
    Juan Castro

    Juan Castro

    teacherhace 3 años

    Hello, Ramiro! ¿Podrías por fa mostrarnos tu código para ayudarte a identificar el error?

Curso de API REST con Javascript: Fundamentos

Curso de API REST con Javascript: Fundamentos

Explora los fundamentos de las API REST usando JavaScript. Aprende a consumir, manipular y mostrar datos dinámicos con GET, POST y DELETE. Construye y carga fotos de gatitos en favoritos. Empieza a dominar las interacciones entre frontend y backend.

Curso de API REST con Javascript: Fundamentos
Curso de API REST con Javascript: Fundamentos

Curso de API REST con Javascript: Fundamentos

Explora los fundamentos de las API REST usando JavaScript. Aprende a consumir, manipular y mostrar datos dinámicos con GET, POST y DELETE. Construye y carga fotos de gatitos en favoritos. Empieza a dominar las interacciones entre frontend y backend.