Tutorial: Formulario con carga de multiples imágenes

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.

Creando un formulario

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.

Pestaña de Campos
Creación de un nuevo Campo

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:

Configuraciones del campo Imagen

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

Ejecutando la 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.

Tutorials in the same category

Tutorial: Formulário Multi-Etapas

En este tutorial veremos cómo crear un formulario de varios pasos, haciendo que el formulario sea m...

Form login responsivo 3

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Tutorial: Form login responsivo 2

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de...

Form login responsivo

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Comment this post