Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
O componente envio de arquivo é utilizado para fazer o upload de arquivos de tipos variados (.txt, .png, .jpg, .pdf, etc.), podendo ser adicionado dentro de pastas no seu projeto ou até mesmo em locais externos.
Figura 1 - Exemplo do componente rodando no Browser
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome | Propriedade | Função |
---|---|---|
Conteúdo | content | Alterar o rótulo do componente. |
Valor | ng-model | Propriedade AngularJS que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação. |
Conteúdo | label | Altera o texto que irá aparecer como título agregando informações ao componente do upload. |
Informações do arquivo | file-info | |
Tamanho máximo do arquivo | max-file-size | Estipula em MB o tamanho máximo do arquivo que será aceito. |
Requerido | ng-required | Específica sem o campo será ou não obrigatório. |
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Exibir | ng-show | Propriedade AngularJS usada para exibir ou ocultar o componente. |
Repetir | crn-repeat | Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados. |
Segurança | cronapp-security | Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Utilizando via Diagrama
Para utilizar o componente de arquivo no Cronapp você poderá gerá-lo através do CRUD no Diagrama com os atributos do Tipo Arquivo no Banco ou Arquivo no Cloud (para saber como configurar atributos no Cloud acesse a documentação).
Image Added
Figura 2 - Atributos Arquivo Banco e Cloud
Após configurar seus atributos na entidade, clique com o botão direito do mouse sobre a entidade e selecione a opção Criar visão para a entidade (Figura 3).
Image Added
Figura 3 - Criando visão para a entidade
Em seguida rode o projeto, acesse a página da sua entidade e clique no botão adicionar para visualizar o componente arquivo gerado pelo CRUD no Cronapp (Figura 4).
Image Added
Figura 4 - Componentes Arquivo gerados pelo CRUD.
Utilizando de forma independente
Como alternativa ao uso via Diagrama siga os passos abaixo para utilizar o componente envio de arquivo dinâmico no seu projeto:
- Arraste o componente envio de arquivo dinâmico para a view;
- Arraste o componente botão para a view;
Image Added
Figura 5 - Arrastando componentes para view
Upload do arquivo
- Rode seu projeto;
- Acesse a view criada (no exemplo acima upload);
- Clique sobre o componente para fazer upload de um arquivo do seu computador.
Image Added
Figura 6 - Exibição de dados do arquivo após upload feito
Após realizar o upload do arquivo o Cronapp irá colocá-lo temporariamente no diretório:
/project/target/tomcat/temp/CRONAPI_RECYCLE_FILES
Criando dois arquivos de referência: um .bin que traz o conteúdo do arquivo e outro .md que traz as informações do arquivo como nome e tipo.
Persistindo Arquivo
Para que você persista seu arquivo em uma pasta do seu projeto será necessário a criação de um bloco de programação do tipo servidor
- Crie um novo bloco do tipo servidor com nome do arquivo Salvar e Nome da Função mover
- Acesse a aba de Propriedades do bloco de programação
- Clique sobre formulário de referência e selecione Upload
Image Added
Figura 7 - Selecionando view ao bloco
- Defina uma variável com nome arquivo e obtenha
Nome em inglês
Dynamic File
Nessa página
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário web
Equivalente mobile
Envio de Arquivo Dinâmico
Botão do Componente
Imagem no Editor Visual