En este ejemplo desarrollaremos una formulario de tipo “Registro único” en la que podemos ver la función de carga de múltiples imágenes.
Creando Formulario con Múltiples Imágenes
Nota:
Para utilizar la función de Imágenes múltiples, debemos tener una tabla, en la base de datos, que pueda recibir los archivos enviados. Al igual que la tabla de ejemplo a continuación:
CREATE TABLE `files_table` ( `fileid` INT(11) NOT NULL, `userid` INT(11) DEFAULT NULL, `binaryvalue` longblob, `filename` VARCHAR(100) DEFAULT NULL, `filetype` VARCHAR(10) DEFAULT NULL, PRIMARY KEY (`fileid`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; |
Nota:
Si tiene alguna pregunta sobre cómo crear un formulario, vaya a: Creación de un formulario nuevo
1. Cree un nuevo tipo de Formulario Registro Único basado en la tabla Employees.

2. Luego, en el Menú de la Aplicación, acceda a la pestaña Campos y cree un nuevo Campo de tipo “Imagen (Base de Datos)”, como se muestra en las imágenes a continuación.


3. Una vez hecho esto, acceda a la configuración en el nuevo campo y navegue a la pestaña “Multi-Upload“, y use la configuración de acuerdo con la imagen a continuación:

4. Finalmente, haga clic en el botón “Ejecutar Aplicación” en la barra de herramientas para iniciar su aplicación.

5. Ahora su aplicación está lista para usar con el componente de carga múltiple, simplemente arrastre el archivo al área o use el botón Agregar archivos y luego haga clic en el botón Iniciar carga.

Comment this post