Image

Zeigt ein Bild von einer URL oder als Base64-Daten-URL.

Designer-Attribute

Attribut	Beschreibung	Default
controlId	Eindeutige ID	automatisch generiert
src	Bildquelle: URL oder data:image/...;base64,...	–
alt	Alternativtext (Barrierefreiheit)	–
width	Breite (CSS-Wert)	–
height	Höhe (CSS-Wert)	–
densityAware	High-DPI-Anpassung	true
mode	Anzeige-Modus: Image, Background	Image
backgroundSize	CSS background-size (bei mode = Background)	–
backgroundPosition	CSS background-position	–
backgroundRepeat	CSS background-repeat	–
visible	Sichtbar	true
spanS / spanM / spanL / spanXL	Grid-Layout	12

ABAP-API

Zugriff über me->get_image( '<controlId>' ).

Methode	Zweck
GET_SRC / SET_SRC	Bildquelle
GET_ALT / SET_ALT	Alternativtext
GET_WIDTH / SET_WIDTH	Breite
GET_HEIGHT / SET_HEIGHT	Höhe

Geerbte Methoden: siehe Control.

Beispiel: /mobbuild/cl_ex_image

Setzt die Bildquelle auf eine externe URL. Alternativ kann eine Daten-URL mit Base64-Inhalt verwendet werden, beispielsweise um Bilder direkt aus dem SAP-System ohne externen Server bereitzustellen.

METHOD on_pbo.

  DATA(lo_image_1) = me->get_image( 'imgExample' ).
  " The path to the image can be a URL or a Data-Url Base 64 string
  lo_image_1->set_src( 'https://picsum.photos/seed/picsum/1200' ).

ENDMETHOD.

Bilder aus dem SAP-System

Liegen Bilder als Binär-Daten in einer SAP-Tabelle, lesen Sie sie als XSTRING aus, kodieren sie Base64 und übergeben den Daten-URL-String an set_src. Damit umgehen Sie externe Hosts.

Nächste Schritte

• Upload – Datei hochladen, danach in einem Image anzeigen
• SignaturePad – Unterschrift als Bild speichern