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.

Compartir este tutorial

Tutoriales en la misma categoria

Form login responsivo 3

Para aprender a utilizar las plantillas disponibles dentro del ScriptCase en el módulo de segu...

Form login responsivo 2

Para aprender a utilizar las plantillas disponibles dentro del ScriptCase en el módulo de segu...

Form login responsivo

Para aprender a utilizar las plantillas disponibles dentro del ScriptCase en el módulo de segu...

Formulario con Etiqueta Fija

Esta opción la podrá seleccionar en los formularios del tipo Registro Múltiple, Grid Editable y ...

Comentar este post