app.form.convertToData add input type="file" value

How to add the value of the to the data object.

// JS to convert form data
$$('#envioreceta').on('click', function () {
        var formData = app.form.convertToData('#receta-form');
        console.log(JSON.stringify(formData));
    });

// Data object return
{
"nombre":"Hh",
"email":"[email protected]",
"telefono":"5868",
"mensaje":"Vhhghhj"
}

But I have another input
**<input type="file" name="imagenes">**
And not show in the data object

Thanks

let miObj = app.form.convertToData('#receta-form');
const file = Dom7('#receta-form').find('input[type="file"]')[0]
miObj[file.name] = file.files

supongo que f7 no convierte los files a json.

No funciono, no me daba error, pero tampoco me mostraba nada, quedaba vacío.
Lo modifique y funcionó.

let formData = app.form.convertToData('#receta-form');
        var fileToUpload = $$('#imagen-receta').prop('files'); //Aquí obtengo los datos completos. Los muestro más abajo.
        formData["imagen1"] = fileToUpload[0].name;

Datos completos obtenidos de la imagen cargada.

FileList {0: File, length: 1}
      length: 1
      0: File
        name: "WhatsApp Image 2020-04-08 at 21.31.08.jpeg"
        lastModified: 1586440661210
        lastModifiedDate: Thu Apr 09 2020 10:57:41 GMT-0300 (hora estándar de Argentina) {}
        webkitRelativePath: ""
        size: 590977
        type: "image/jpeg" // y sigue ...

Muchas gracias

1 Like