Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS Binding Widget "basic Image"

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    VIS Binding Widget "basic Image"

    This topic has been deleted. Only users with topic management privileges can see it.
    • H
      Happyuser20 last edited by

      Im basic Image 8 funktioniert es garnicht wenn ich den DP auswähle.
      Im normalen basic Image habe ich ein Bild wenn ich den Inhalt des DP´s einfüge.

      2022-08-19 10_43_41-Edit vis und 3 weitere Seiten - Persönlich – Microsoft​ Edge.png

      oben basic Image 8
      unten basic Image
      bei identischer Quelle

      Codierknecht 1 Reply Last reply Reply Quote 0
      • Codierknecht
        Codierknecht Developer Most Active @Happyuser20 last edited by

        @happyuser20 Habe auch gerade erst entdeckt, wie das "Basic Image 8" funktioniert.
        Im DP erwartet es numerische Werte. Für jeden dieser Werte kann man dann einen URL hart verdrahtet hinterlegen.
        Also eher unbrauchbar.
        Du kannst Dir bei einer Änderung des Token den neuen URL zusammenbauen und das unter der damit generierten Adresse zu findende Bild unter einem immer gleichen Namen im Dateisystem ablegen. Das sollte dann mit "Basic Image" funktionieren.

        H 1 Reply Last reply Reply Quote 0
        • H
          Happyuser20 @Codierknecht last edited by

          @codierknecht Dumme Frage Meinerseits. Wie kann ich das realisieren, das hinter dem Link befindliche Bild abzuspeichern?🤔

          1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Happyuser20 last edited by

            @happyuser20

            du könntest ein standard html widget nehmen und darin einen dp mit binding

            in deinem blockly schreibst du dann einen html code (für die anzeige eines bildes) mit deinen parametern in den dp und der wird dann angezeigt

            code beispiel:

            <img src="https://forum.iobroker.net/assets/uploads/system/site-logo.png?v=gqnpiq7ce6k" alt="bild" width="100" height="100">
            
            H 1 Reply Last reply Reply Quote 0
            • H
              Happyuser20 @liv-in-sky last edited by

              @liv-in-sky said in VIS Binding Widget "basic Image":

              <img src="

              Im normalen HTML wird das Bild angezeigt.
              mach ich die geschweiften Klammern für das binding in den html Code.
              Steht in der VISU "undefined"

              {<img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">}
              
              Homoran liv-in-sky 3 Replies Last reply Reply Quote -1
              • Homoran
                Homoran Global Moderator Administrators @Happyuser20 last edited by

                @happyuser20 musst du dich für die Abfrage des Bilds mit Username und Passwort einloggen?

                H 1 Reply Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @Happyuser20 last edited by

                  @happyuser20

                  im widget unter html steht nur der dp in geschweiften klammern

                  Image 033.png

                  den ganzen inhalt des dp machst du in deinem blocky und immer wenn der dp aktualisiert wird, wird das in den dp geschrieben

                  <img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">
                  

                  das hier erzeugst du als text mit deinen variablen und schreibst du in den dp - hier gehört keine geschweifte klammer hin !

                  H 1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @Happyuser20 last edited by

                    @happyuser20

                    ungefähr so:

                    Image 035.png

                    evtl solltest du statt dem anführungszeichen ein einfaches anführungszeichen im text nutzen

                    also so - musst du testen

                    Image 036.png

                    1 Reply Last reply Reply Quote 0
                    • H
                      Happyuser20 @Homoran last edited by

                      @homoran Muss mich nicht einloggen, dafür ist der Token. Der Link kommt vom Hass Adapter.

                      1 Reply Last reply Reply Quote 0
                      • OliverIO
                        OliverIO @Happyuser20 last edited by

                        @happyuser20
                        wäre es nicht einfacher im blockly anstatt nur des tokens gleich die komplette url zusammenzubauen.
                        und dann diesen datenpunkt per binding in das url feld des image widgets einzutragen.

                        1 Reply Last reply Reply Quote 0
                        • H
                          Happyuser20 @liv-in-sky last edited by

                          @liv-in-sky So klappt es jetzt, auch mit "

                          Danke

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          776
                          Online

                          31.7k
                          Users

                          79.8k
                          Topics

                          1.3m
                          Posts

                          5
                          14
                          800
                          Loading More Posts
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes
                          Reply
                          • Reply as topic
                          Log in to reply
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                          The ioBroker Community 2014-2023
                          logo