Anzeigen von Bildern

Sie können Bilder in Ihren Formularen anzeigen:

• Lokale Bilddateien
• Online-Bilder
• Base64-codierte Bilder.

Tutorials

Dynamische Bilddatei

So rendern Sie ein Bild dynamisch:

1. Legen Sie den Bilddateipfad als Variable in der FormFieldsCollection (Studio) fest und benennen Sie ihn entsprechend (z. B. img).
2. Navigieren Sie zur Registerkarte Anzeige der Komponente HTML-Element (Formular Designer).
3. Fügen Sie im Feld Inhalt <img href={{data.img}} />hinzu.

Sie können das vollständige HTML-Tag, das das Bild enthält, als Variable festlegen. Binden Sie in diesem Fall die Daten, indem Sie nur {{data.img}} im Feld Inhalt verwenden.

4. Aktivieren Sie im Feld Inhalt die Option Bei Änderung aktualisieren.

Base64-codiertes Bild

So laden Sie ein in das Base64-Format konvertiertes Bild hoch:

1. Speichern Sie die Base64-Zeichenfolge in einer Variablen. Beispiel: img .

2. Geben Sie im Feld Inhalt der Komponente HTML-Element das folgende Snippet ein:

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

   Hinweis: Mit dieser Methode können Sie das Bild dynamisch ändern.

Lokale Bilddatei

So laden Sie lokale Bilddateien in Ihre Formulare hoch:

1. Verwenden Sie die Inhaltsformularkomponente .
2. Klicken Sie auf Bild einfügen. Dadurch werden Sie aufgefordert, nach der Bilddatei zu suchen, die Sie verwenden möchten.

Lokale Bilddatei mit HTML-Elementkomponente

So zeigen Sie eine lokale Bilddatei mit der HTML-Element -Komponente an:

1. Ziehen Sie eine HTML-Element- Komponente in Ihr Formular und legen Sie sie dort ab.
2. Geben Sie im Feld Inhalt der Registerkarte Anzeige <img href="/file://path-to-file" />ein, wobei path-to-file der lokale Pfad zu der Datei ist, die Sie anzeigen möchten.

Um beispielsweise die Bilddatei unter C:\Folder\image.jpganzuzeigen, geben Sie das folgende Snippet ein:

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