Actividades
Más reciente
False
Imagen de fondo del banner
Actividades del flujo de trabajo
Última actualización 23 de feb. de 2024

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}}"  /><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" /><img href="/file://c:\folder\image.jpg" />

Was this page helpful?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Logotipo blanco de UiPath
Confianza y seguridad
© 2005-2024 UiPath. All rights reserved.