Exibição de imagens

Você pode exibir imagens em seus formulários:

• Arquivos de imagem locais
• Imagens on-line
• Imagens codificadas em Base64.

Tutoriais

Ficheiro de Imagem Dinâmica

Para renderizar uma imagem dinamicamente:

1. Defina o caminho do arquivo de imagem como uma variável em FormFieldsCollection (Studio) e nomeie-o adequadamente (por exemplo, img).
2. Navegue até a guia Exibir do componente Elemento HTML (Designer de formulário).
3. No campo Conteúdo , adicione <img href={{data.img}} />.

Você pode definir a tag HTML completa contendo a imagem como uma variável. Nesse caso, vincule os dados usando apenas {{data.img}} no campo Conteúdo .

4. No campo Conteúdo , marque Atualizar ao alterar.

Imagem Codificada Base64

Para carregar uma imagem convertida para o formato Base64:

1. Armazene a string Base64 em uma variável. Por exemplo, img.

2. No campo Conteúdo do componente Elemento HTML , insira o seguinte snippet:

   <img href="data:image/png;base64,{{data.img}}"  />

   Nota: Este método permite alterar a imagem dinamicamente.

Arquivo de imagem local

Para fazer upload de arquivos de imagem locais em seus formulários:

1. Use o componente de formulário de conteúdo .
2. Clique em Inserir imagem. Isso solicitará que você procure o arquivo de imagem que deseja usar.

Arquivo de imagem local usando componentede elemento HTML

Para exibir um arquivo de imagem local usando o componente HTML Element :

1. Arraste e solte um componente Elemento HTML em seu formulário.
2. No campo Conteúdo da guia Exibir , insira <img href="/file://path-to-file" />, em que path-to-file é o caminho local para o arquivo que você deseja exibir.

Por exemplo, para exibir o arquivo de imagem localizado em C:\Folder\image.jpg, digite o seguinte snippet:

<img href="/file://c:\folder\image.jpg" />