Mostrar imágenes

Puede mostrar imágenes en sus formularios:

• Archivos de imágenes locales
• Imágenes en línea
• Imágenes codificadas en Base64.

Tutoriales

Archivo de imagen dinámico

Para representar una imagen dinámicamente:

1. Establece la ruta del archivo de imagen como una variable en la ColecciónDeCamposDeFormulario (Studio) y asígnale el nombre correspondiente (por ejemplo, img).
2. Navega hasta la pestaña Visualización del componente Elemento HTML (Diseñador de formulario).
3. En el campo Contenido , añade <img href={{data.img}} />.

Puedes establecer la etiqueta HTML completa que contiene la imagen como variable. En este caso, vincula los datos utilizando solo {{data.img}} en el campo Contenido .

4. En el campo Contenido , marca Actualizar al cambiar.

Imagen codificada en Base64

Para cargar una imagen convertida al formato Base64:

1. Almacena la cadena Base64 en una variable. Por ejemplo, img.

2. En el campo Contenido del componente de elemento HTML , introduzca el siguiente fragmento:

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

   Nota: este método le permite cambiar la imagen dinámicamente.

Archivo de imagen local

Para cargar archivos de imágenes locales en sus formularios:

1. Utilizar el componente de formulario de Contenido .
2. Haz clic en Insertar imagen. Esto le pedirá que busque el archivo de imagen que desea utilizar.

Archivo de imagen local usando el componente deelemento HTML

Para mostrar un archivo de imagen local utilizando el componente Elemento HTML :

1. Arrastra y coloca un componente Elemento HTML en tu formulario.
2. En el campo Contenido de la pestaña Visualización , introduce <img href="/file://path-to-file" />, donde path-to-file es la ruta local al archivo que quieres mostrar.

Por ejemplo, para mostrar el archivo de imagen ubicado en C:\Folder\image.jpg, introduzca el siguiente fragmento:

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