1

Estoy usando este código para mandar la información de un input tipo file a mi servidor de datos

let formData = new FormData();
let files = document.querySelector('[type=file]').files;
formData.append('files[]', files[0]);


fetch(url, {
        method: 'POST',
        body: formData
    }).then(response => {
        console.log(response);
    });

He revisado la documentación de fetch para las peticiones POST, y tambien la documentacion especifica de la propiedad body. En estas se indica que el body puede ser cualquiera de estos tipos de estructuras (ArrayBuffer, ArrayBufferView, (Uint8Array y amigos), Blob/File, string, URLSearchParams, FormData) pero no dice como combinarlos.

Entonces mi pregunta es, ¿como envio un FormData y un string a la vez?

5
  • intenta agregarle directamente el new FormData(this) y como parametro al constructor, el contexto de tu form, form ya contempla los valores de formulario, como tipo file y text. obviamente al parametro body: new FormData(this), añade la estructura de tu form
    – Leonel
    Commented el 24 ene. 2019 a las 15:24
  • @JuanL lo que pasa es que quiero mandar otra informacion, otro string que tengo en otra parte, nada que ver con el formulario. Commented el 24 ene. 2019 a las 15:27
  • intenta imprimiento lo que ya se construllo con formdata, si estan los valores que quieres.
    – Leonel
    Commented el 24 ene. 2019 a las 15:32
  • ¿Qué te impide mandar el string como parte del formData? Commented el 24 ene. 2019 a las 16:26
  • @PabloLozano eso es lo que no se hacer. Talvez no estoy muy familiarizado con los formData. Como lo incluyo alli? Y como lo "leo" en Php? Commented el 24 ene. 2019 a las 16:28

1 respuesta 1

1

Dado un objeto FormData form, el método append (que ya estás usando) se usa para añadir campos y valores:

form.append('miTexto', 'Texto a enviar');

En tu backend podrás leerlo de la misma manera que leas el fichero, usando el nombre que le hayas dado. Es parecido a usar un map.

3
  • Excelente, gracias. Yo se que esto no tiene nada que ver con la pregunta, pero en el caso de Php, esta informacion llega a la variable super global $_POST? Commented el 24 ene. 2019 a las 16:35
  • Debería, es equivalente a mandar un formulario con un input con ese nombre y valor. Commented el 24 ene. 2019 a las 16:37
  • Excelente, lo probare, gracias. Commented el 24 ene. 2019 a las 16:38

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.