Upload de Arquivo
arquivo armazenado na máquina| Informações | ||
|---|---|---|
| ||
A função Upload de Arquivo é assíncrona, ou seja, retorna de forma imediata para que o fluxo de execução do programa possa realizar outras operações. |
Parâmetros de Entrada
Figura 1 - Bloco Upload
Compatibilidade
- Bloco servidor: cronapi.util.Operations.upload()
Retorno
A variável padrão item armazenará os arquivos enviados entro da entrada de comando Após envio. Essa variável irá conter um array com os endereços temporários dos arquivos selecionados para envio.
Características do bloco
- É necessário que o usuário manipule o
Retorno
A variável padrão item armazena o retorno da função de upload. Esse retorno é um array representando o diretório completo e temporário (s) selecionado para envio| title | Nota |
|---|
Compatibilidade
Figura 1 -
e selecione o(s) arquivo(s) que desejar.
Figura 1.1
Sobre Upload
O processo de upload pode ser definido como o envio de dados para um sistema remoto, como um servidor ou outro cliente para que o sistema remoto possa armazenar uma cópia desses dados.
Extensão de Arquivos(Filtros)
A extensão de um arquivo é um identificador especificado como um sufixo para o nome de um arquivo digital, indicando a característica do conteúdo ou seu uso pretendido. Uma extensão de arquivo normalmente é delimitada a partir do nome do arquivo com um ponto(.), como por exemplo(nomeArquivo.txt). A função Upload de Arquivo permite a passagem de filtros contendo as extensões aceitas no processo de upload.
| Informações | ||
|---|---|---|
| ||
.pdf, .xls, .doc, .ppt, .avi, .mpeg, .jpg, .jpeg, .gif, .mp4, .png, .csv e etc. |
Pode-se definir mais de um tipo de arquivo/extensão no parâmetro Filtros da função. Para isso basta utilizar o caractere virgula(,) como separador das extensões.
O parâmetro Filtro também aceita MIME Types, Assim, ao invés de inserir diversas extensões do tipo imagem, basta inserir o MIME Types: image/*. Serão aceitas extensões de imagens, como .png, .jpg, .svg, .git, .bpm e outras.
Após fazer o upload dos arquivos, nossa função moverá os arquivos para a pasta "/ArquivosUpload/", definida na função da figura 1.
Figura 1.2 - Bloco de programação
Exemplo 2
É possível alterar o texto do campo Descrição aplicando CSS inline, podemos alterar a cor do texto, tamanho, deixá-lo em negrito, etc. No exemplo da figura abaixo, modificamos um pouco o texto do modal upload, deixamos a frase em negrito e demos destaque em cor vermelha para a quantidade de arquivos que o usuário pode adicionar.
Figura 2 - Adicionando CSS inline no campo Descrição
Na figura 2.1 é possível conferir o resultado das alterações aplicadas na figura 2.
Figura 2.1 - Adicionando CSS inline no campo Descrição
Exemplo 3
Podemos também modificar o CSS do modal inteiro, para fazer isso precisamos adicionar o código CSS no arquivo app.css, podemos encontrar esse arquivo tanto no lado web, quanto no mobile.
- Endereço web:
src/main/webapp/css/app.css - Endereço mobile:
src/main/mobileapp/www/css/app.css
Para fazer qualquer tipo de alteração no modal, o usuário precisa utilizar o id #uploadForm, dessa forma, todas as tags HTML que contiverem esse id sofrerão mudanças,
| Bloco de código | ||||||
|---|---|---|---|---|---|---|
| ||||||
/** Título do Modal **/
#uploadForm h4 {
color: green;
}
/** Botão Cancelar do Modall **/
#uploadForm button {
background-color: red;
}
/** Descrição do Modall **/
#uploadForm div.drop-box span {
font-family: monospace;
font-size: xxx-large;
text: bold;
} |
A partir das configurações feitas no código acima, o modal ficará como o apresentado na figura 3.
Figura 3 - Modal modificado
Âncora nota nota
| Nota |
|---|
Para mais detalhes sobre a estrutura do HTML que constrói o modal, acesse o arquivo base em:
|
Nesta página
Índice