Tutorial: Formulário com Upload de Múltiplas Imagens

Neste exemplo será desenvolvido um formulário do tipo “Único registro”, onde podemos visualizar o recurso de Upload de Múltiplas Imagens com um componente de multiupload onde podemos arrastar o arquivo para a área ou clicar sobre ela para Adicionar arquivos e em seguida clicar no botão Iniciar upload.

Criando um Formulário com Multi Imagens.

Nota:
Para utilizarmos o recurso de Multi Imagens, devemos possuir uma tabela, na base de dados, que possa receber os arquivos enviados. Assim como a tabela de exemplo abaixo:

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:

Caso tenha alguma dúvida de como criar um Formulário, acesse: Criando um novo Formulário

1. Crie uma nova aplicação do tipo Formulário “Único registro” baseado na tabela Employees.

2. Em seguida, no Menu da aplicação, acesse a aba de Campos e crie um novo Campo do tipo “Imagem (Banco de Dados)”, assim como mostra as imagens abaixo.

3. Feito isso, acesse as configurações do novo campo e selecione as opções de Barra de progresso, Área de Upload, Área de Upload Clicável, e as Extensões e Limite de tamanho dos arquivos.