O componente imagem dinâmica é utilizado para fazer ouploadde qualquer arquivo do tipo imagem. Ao clicar no componente, será aberta uma janela para fazer a adição de uma imagem ao componente, também é possível arrastar uma imagem do seu computador até o campo. Após utilizar o componente, a imagem é convertida para Base64 e é possível obter usando o blocoObter valor do Campo. Após obter, o componente sempre renderizará a imagem.
Figura 1 - Exemplo do componente rodando no simulador
Acesse o tópico "Upload de arquivos" na páginaArquivos para conhecer outras formas de fazer upload no Cronapp.
O componente também possui um botão "câmera" que abre a aplicação de captura de imagem, permitindo tirar uma foto do usuário. O navegador solicitará autorização do usuário para essa ação, esse recurso só vai funcionar se o projeto estiver rodando via HTTPS, não irá funcionar ao usar HTTP.
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome
Propriedade
Função
Texto interno
content
Alterar o o texto da área de arraste do componente.
Valor
ng-model
Propriedade Angular que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.
Título
content
Altera o texto que irá aparecer como título agregando informações ao componente do upload.
Esta propriedade é utilizada para especificar como a imagem deve ser redimensionado para caber no container. Existem cinco tipos de redimensionamento:Conter, Cobrir, Preencher, Diminuir, Nenhum.
Texto alternativo
img-alt-text
Informa o texto quando a imagem não seja exibida.
Tamanho máximo do arquivo
max-file-size
Especifica o tamanho máximo em MB do arquivo.
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.
Estilo
style
Altera o estilo geral do componente da formainline.
Exibir
ng-show
Propriedade Angular 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.
Skin
crn-skin
Permite selecionar um skin que afetará apenas o componente selecionado.