Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. gelöst-wie writeFile() in js script nutzen

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

gelöst-wie writeFile() in js script nutzen

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascript
117 Beiträge 17 Kommentatoren 20.8k Aufrufe 24 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • PeoplesP Offline
    PeoplesP Offline
    Peoples
    schrieb am zuletzt editiert von Peoples
    #63

    Ich baue jetzt mal meines um so wie du es gesagt hast und werde morgen berichten ob es dann immernoch läuft :-)

    Ich beantworte keine Fragen zu Themen via PN

    1 Antwort Letzte Antwort
    0
    • L LoxDUS

      So, habe nochmal ein wenig "rumgeforscht".

      Anscheinend geht hier durch das asynchrone Verhalten von Node.js so einiges durcheinander. Die Versuche das durch "process.nextTick" oder "await" und "premises" hinzubekommen sind bei mir fehlgeschlagen. Ich habe aber einen Weg gefunden wie es zumindest bei mir jetzt funktioniert die Bilder Zeitgerecht und so abzulegen das ich mit VIS darauf zugreifen kann (auch wenn sie auf einer gemounteten FAT32 SD-Karte liegen).

      Wenn ich das ganze asynchrone IO-Filehandling von Node.js richtig verstanden habe, sollte man in den Callback Funktionen das Filehandling einbauen. Denn nur dort ist sichergestellt das die File-Operation auch wirklich gelaufen ist. Wenn man das sequentiell im Quellcode schreibt kann es sein, dass, wegen der asynchronität von Node.js, sich Funktionen einander überholen.

      Meine Lösung sieht nun so aus:

      var KlingelBilder = ["","",""];
      function saveImage() {
          var time = new Date();
      
          // Bildnamen erzeugen
          var Name = 'Eing_'+time.getFullYear()+time.getMonth()+time.getDate()+'_'+time.getHours()+time.getMinutes()+time.getSeconds()+'.jpg';
          request.get({url: cam_img, encoding: 'binary'}, function (err, response, body) {
              if(err) {
                  log('Beim holen des Bildes ist ein Fehler aufgetreten!');
              } else
              {   fs.writeFile('/home/USB/bellpics/tmp.jpg', body, 'binary', function(err) {   
                      if (err) {
                          log('Fehler beim Speichern von Bild /home/USB/bellpics/tmp.jpg   Fehler:' + err, 'warn');
                       } else {
                          var data = fs.readFileSync('/home/USB/bellpics/tmp.jpg');
                          writeFile('vis.0', 'KameraBilder/' + Name, data, function (error) {
                              if(error) {
                                  log('Fehler beim Speichern von Bild KameraBilder/' + Name +'   Fehler:' + err, 'warn');
                              } else {
                                  // Bilder durchrotieren. An position 0 steht immer das letzte Bild
                                  log('Bild wurde als KameraBilder/' + Name +' gespeichert');
                                  KlingelBilder[2] = KlingelBilder[1];
                                  KlingelBilder[1] = KlingelBilder[0];
                                  KlingelBilder[0] = '/vis.0/KameraBilder/' + Name;
                                  setState('javascript.0.Sonderfunktionen.KlingelBild1', KlingelBilder[0]);
                                  setState('javascript.0.Sonderfunktionen.KlingelBild2', KlingelBilder[1]);
                                  setState('javascript.0.Sonderfunktionen.KlingelBild3', KlingelBilder[2]);
                              }
                          });
                       }
                  });
              }
          });
      
      }
      

      @Peoples
      Ich habe auch die exec Funktion wieder gegen das request.get (Zeile 7) ausgetauscht weil ich ungerne die exec-Funktion im Javascript-Adapter freischalte.

      Die Verzeichnisse kann man sich ja nach belieben anpassen....

      Viele Grüße,

      Artur

      H Offline
      H Offline
      heinzie
      schrieb am zuletzt editiert von heinzie
      #64

      @AST64
      Kannst Du ggf. mal dein gesamtes Script hier zur Verfügung stellen. Habe leider auch das Problem von "AST64 26 Nov 2019, 13:37" das immer wieder alte Bilder eingespielt werden.

      1 Antwort Letzte Antwort
      0
      • H Offline
        H Offline
        heinzie
        schrieb am zuletzt editiert von
        #65

        Hallo,
        habe leider wieder Probleme mit dem Script und dem speichern der Bilder. Es scheint als wenn er irgendwie Bilder aus dem Cache lädt.
        Hat denn von euch jemand eine laufende Ausführung und könnte das Script mal posten?

        PeoplesP apollon77A 2 Antworten Letzte Antwort
        0
        • H heinzie

          Hallo,
          habe leider wieder Probleme mit dem Script und dem speichern der Bilder. Es scheint als wenn er irgendwie Bilder aus dem Cache lädt.
          Hat denn von euch jemand eine laufende Ausführung und könnte das Script mal posten?

          PeoplesP Offline
          PeoplesP Offline
          Peoples
          schrieb am zuletzt editiert von
          #66

          @heinzie

          // *******************************************************************************************************
          //
          // Bilder Speichern und in DB aufnehmen
          // Autor: Peoples
          //
          // v2.0.0 - 23.11.2019  Neue Version - Auf Grund der Änderungen in Js-controller 2x
          // v2.0.1 - 13.12.2019  Wieder geändert mit callback 
          // *******************************************************************************************************
          
          // -----------------------------------------------------------------------------
          // allgemeine Variablen
          // -----------------------------------------------------------------------------
          var fs = require('fs');
          var logging = false;         // Log Meldungen ein/aus schalten
          
          // Kamera Bildquelle muss beim Funktionsaufruf mit übergeben werden
          const source_url_main_door =    'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';
          const source_url_trash =        'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';
          const source_url_backyard =     'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';  
          const source_url_front =        'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';
          
          const imageCountMax = 50;                            // Anzahl der Bilder, die vorgehalten werden sollen
          
          const visInstance = 0;
          const imageFolder = 'camImages/';                   // Speicherort/Ordner unter Vis - Muss existieren!
          
          // -----------------------------------------------------------------------------
          // Objekte
          // -----------------------------------------------------------------------------
          
          
          // #############################################################################
          // #                                                                           #
          // #  Funktion zum löschen der angegebenen Bilddateien                         #
          // #                                                                           #
          // #############################################################################
          function deleteImage(imageFile) {
              delFile('vis.'+visInstance, imageFolder+imageFile, function (error) {
                  if(logging)log('file' +imageFile +' gelöscht')
              }); 
          }
          
          // #############################################################################
          // #                                                                           #
          // #  Funktion zum umbenennen der angegebenen Bilddateien                      #
          // #                                                                           #
          // #############################################################################
          function renameImage(oldName, newName) {
              
                  try{
                      readFile('vis.'+visInstance, imageFolder+oldName+'.jpg', function (error, data) {
                              writeFile('vis.'+visInstance, imageFolder+newName+'.jpg', data, function (error) {
                              if(logging) log(oldName+'.jpg renamed to '+newName+'jpg');
              // Nicht benötigt da überschrieben wird
              //                    delFile('vis.0', imageFolder+oldName+'.jpg', function (error) {
              //                        if(logging) log(oldName+'.jpg deleted after rename');
              //                    });
                              });
                      }); 
                  }
              catch(error) { if (error.code != "ENOENT") log(error); }
              
          }
          
          // #############################################################################
          // #                                                                           #
          // #  Funktion zum speichern der angegebenen Bilddateien                       #
          // #                                                                           #
          // #############################################################################
          function saveImage(imageNamePre, camUrl) {
               deleteImage(imageNamePre+ (imageCountMax-1))
              for (var i=imageCountMax-2; i >= 0; i-- ) {
                  renameImage(imageNamePre + i,imageNamePre + (i+1)); 
               if(logging) log('renameImage: '+imageNamePre + i+'.jpg , to '+imageNamePre + (i+1)+'jpg')
              }   
              setTimeout(function(){ 
                  request.get({url: camUrl, encoding: 'binary'}, function (err, response, body) {
                      if(err) {
                          log('Beim holen des Bildes ist ein Fehler aufgetreten!');
                      } else
                      {   fs.writeFile('/tmp/image.jpg', body, 'binary', function(err) {   
                              if (err) {
                                  log('Fehler beim Speichern von Bild /home/USB/bellpics/tmp.jpg   Fehler:' + err, 'warn');
                              } else {
                                  var data = fs.readFileSync('/tmp/image.jpg');
                                  var fname = imageNamePre + "0.jpg";
                                  writeFile('vis.'+visInstance, imageFolder + fname, data, function (error) {
                                      if(error) {
                                          log('Fehler beim Speichern von Bild camImages' + fname +'   Fehler:' + err, 'warn');
                                      } else {
                                          // Bilder durchrotieren. An position 0 steht immer das letzte Bild
                                          log('Bild wurde als camImages/' + fname +' gespeichert');
                                      }
                                  });
                              }
                          });
                      }
                  });
              }, 5000);
          }
          
          // Funktionsaufruf 
          // "eingangstuer" wird hier den nummerierten Bildern vorangestellt
          //saveImage("eingangstuer_", source_url_main_door);
          
          
          
          

          So sieht meines aus und das läuft bisher problemlos

          Ich beantworte keine Fragen zu Themen via PN

          H 1 Antwort Letzte Antwort
          0
          • PeoplesP Peoples

            @heinzie

            // *******************************************************************************************************
            //
            // Bilder Speichern und in DB aufnehmen
            // Autor: Peoples
            //
            // v2.0.0 - 23.11.2019  Neue Version - Auf Grund der Änderungen in Js-controller 2x
            // v2.0.1 - 13.12.2019  Wieder geändert mit callback 
            // *******************************************************************************************************
            
            // -----------------------------------------------------------------------------
            // allgemeine Variablen
            // -----------------------------------------------------------------------------
            var fs = require('fs');
            var logging = false;         // Log Meldungen ein/aus schalten
            
            // Kamera Bildquelle muss beim Funktionsaufruf mit übergeben werden
            const source_url_main_door =    'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';
            const source_url_trash =        'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';
            const source_url_backyard =     'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';  
            const source_url_front =        'http://192.168.XX.XX:xxxx/picture/1/current/?_username=admin&_signature=xxxxx';
            
            const imageCountMax = 50;                            // Anzahl der Bilder, die vorgehalten werden sollen
            
            const visInstance = 0;
            const imageFolder = 'camImages/';                   // Speicherort/Ordner unter Vis - Muss existieren!
            
            // -----------------------------------------------------------------------------
            // Objekte
            // -----------------------------------------------------------------------------
            
            
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum löschen der angegebenen Bilddateien                         #
            // #                                                                           #
            // #############################################################################
            function deleteImage(imageFile) {
                delFile('vis.'+visInstance, imageFolder+imageFile, function (error) {
                    if(logging)log('file' +imageFile +' gelöscht')
                }); 
            }
            
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum umbenennen der angegebenen Bilddateien                      #
            // #                                                                           #
            // #############################################################################
            function renameImage(oldName, newName) {
                
                    try{
                        readFile('vis.'+visInstance, imageFolder+oldName+'.jpg', function (error, data) {
                                writeFile('vis.'+visInstance, imageFolder+newName+'.jpg', data, function (error) {
                                if(logging) log(oldName+'.jpg renamed to '+newName+'jpg');
                // Nicht benötigt da überschrieben wird
                //                    delFile('vis.0', imageFolder+oldName+'.jpg', function (error) {
                //                        if(logging) log(oldName+'.jpg deleted after rename');
                //                    });
                                });
                        }); 
                    }
                catch(error) { if (error.code != "ENOENT") log(error); }
                
            }
            
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum speichern der angegebenen Bilddateien                       #
            // #                                                                           #
            // #############################################################################
            function saveImage(imageNamePre, camUrl) {
                 deleteImage(imageNamePre+ (imageCountMax-1))
                for (var i=imageCountMax-2; i >= 0; i-- ) {
                    renameImage(imageNamePre + i,imageNamePre + (i+1)); 
                 if(logging) log('renameImage: '+imageNamePre + i+'.jpg , to '+imageNamePre + (i+1)+'jpg')
                }   
                setTimeout(function(){ 
                    request.get({url: camUrl, encoding: 'binary'}, function (err, response, body) {
                        if(err) {
                            log('Beim holen des Bildes ist ein Fehler aufgetreten!');
                        } else
                        {   fs.writeFile('/tmp/image.jpg', body, 'binary', function(err) {   
                                if (err) {
                                    log('Fehler beim Speichern von Bild /home/USB/bellpics/tmp.jpg   Fehler:' + err, 'warn');
                                } else {
                                    var data = fs.readFileSync('/tmp/image.jpg');
                                    var fname = imageNamePre + "0.jpg";
                                    writeFile('vis.'+visInstance, imageFolder + fname, data, function (error) {
                                        if(error) {
                                            log('Fehler beim Speichern von Bild camImages' + fname +'   Fehler:' + err, 'warn');
                                        } else {
                                            // Bilder durchrotieren. An position 0 steht immer das letzte Bild
                                            log('Bild wurde als camImages/' + fname +' gespeichert');
                                        }
                                    });
                                }
                            });
                        }
                    });
                }, 5000);
            }
            
            // Funktionsaufruf 
            // "eingangstuer" wird hier den nummerierten Bildern vorangestellt
            //saveImage("eingangstuer_", source_url_main_door);
            
            
            
            

            So sieht meines aus und das läuft bisher problemlos

            H Offline
            H Offline
            heinzie
            schrieb am zuletzt editiert von heinzie
            #67

            @Peoples Vielen Dank, die Version läuft bei mir auch. Eine Frage noch zu der Zeit bei der Timeoutfunktion. Bei dir steht dort 5000, ist das so technisch notwendig oder ist die Zeit bei dir so gewollt?

            PeoplesP 1 Antwort Letzte Antwort
            0
            • H heinzie

              Hallo,
              habe leider wieder Probleme mit dem Script und dem speichern der Bilder. Es scheint als wenn er irgendwie Bilder aus dem Cache lädt.
              Hat denn von euch jemand eine laufende Ausführung und könnte das Script mal posten?

              apollon77A Online
              apollon77A Online
              apollon77
              schrieb am zuletzt editiert von
              #68

              @heinzie sagte in gelöst-wie writeFile() in js script nutzen:

              Es scheint als wenn er irgendwie Bilder aus dem Cache lädt.

              Was ist im Web Adapter beim Caching (glaube heisste da blöd Puffer) eingestellt? Sonst ist die Frage was dein Browser macht

              Beitrag hat geholfen? Votet rechts unten im Beitrag :-) https://paypal.me/Apollon77 / https://github.com/sponsors/Apollon77

              • Debug-Log für Instanz einschalten? Admin -> Instanzen -> Expertenmodus -> Instanz aufklappen - Loglevel ändern
              • Logfiles auf Platte /opt/iobroker/log/… nutzen, Admin schneidet Zeilen ab
              H 1 Antwort Letzte Antwort
              0
              • apollon77A apollon77

                @heinzie sagte in gelöst-wie writeFile() in js script nutzen:

                Es scheint als wenn er irgendwie Bilder aus dem Cache lädt.

                Was ist im Web Adapter beim Caching (glaube heisste da blöd Puffer) eingestellt? Sonst ist die Frage was dein Browser macht

                H Offline
                H Offline
                heinzie
                schrieb am zuletzt editiert von
                #69

                @apollon77 sagte in gelöst-wie writeFile() in js script nutzen:

                Web Adapter

                meinst du die Stelle, da ist bei mir nichts aktiviert.
                3492bb40-d907-4055-adf4-d5f2d8f04b53-grafik.png

                liv-in-skyL apollon77A 2 Antworten Letzte Antwort
                0
                • H heinzie

                  @apollon77 sagte in gelöst-wie writeFile() in js script nutzen:

                  Web Adapter

                  meinst du die Stelle, da ist bei mir nichts aktiviert.
                  3492bb40-d907-4055-adf4-d5f2d8f04b53-grafik.png

                  liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von liv-in-sky
                  #70

                  @heinzie
                  @apollon77

                  könnte es das hier sein - das hat damals für dateien funktioniert

                  https://forum.iobroker.net/post/296618

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  H 1 Antwort Letzte Antwort
                  0
                  • liv-in-skyL liv-in-sky

                    @heinzie
                    @apollon77

                    könnte es das hier sein - das hat damals für dateien funktioniert

                    https://forum.iobroker.net/post/296618

                    H Offline
                    H Offline
                    heinzie
                    schrieb am zuletzt editiert von
                    #71

                    @liv-in-sky Habe das nochmal geprüft, leider kein Erfolg. Nur die Version von Peoples läuft bei mir.

                    1 Antwort Letzte Antwort
                    0
                    • H heinzie

                      @Peoples Vielen Dank, die Version läuft bei mir auch. Eine Frage noch zu der Zeit bei der Timeoutfunktion. Bei dir steht dort 5000, ist das so technisch notwendig oder ist die Zeit bei dir so gewollt?

                      PeoplesP Offline
                      PeoplesP Offline
                      Peoples
                      schrieb am zuletzt editiert von
                      #72

                      @heinzie

                      die 5000 steht ja für 5 Sekunden, ich glaube ich hatte damals Probleme da ja bei mir auch die Historie mit 50 Bildern immer aktuallisiert werden muss.

                      Ich beantworte keine Fragen zu Themen via PN

                      H 1 Antwort Letzte Antwort
                      0
                      • PeoplesP Peoples

                        @heinzie

                        die 5000 steht ja für 5 Sekunden, ich glaube ich hatte damals Probleme da ja bei mir auch die Historie mit 50 Bildern immer aktuallisiert werden muss.

                        H Offline
                        H Offline
                        heinzie
                        schrieb am zuletzt editiert von
                        #73

                        @Peoples Danke für die Info

                        PeoplesP 1 Antwort Letzte Antwort
                        0
                        • H heinzie

                          @Peoples Danke für die Info

                          PeoplesP Offline
                          PeoplesP Offline
                          Peoples
                          schrieb am zuletzt editiert von
                          #74

                          @heinzie
                          Hab das gerade mal auf 2 Sekunden abgeändert, werde berichten wenn es da Probleme gibt

                          Ich beantworte keine Fragen zu Themen via PN

                          1 Antwort Letzte Antwort
                          0
                          • H heinzie

                            @apollon77 sagte in gelöst-wie writeFile() in js script nutzen:

                            Web Adapter

                            meinst du die Stelle, da ist bei mir nichts aktiviert.
                            3492bb40-d907-4055-adf4-d5f2d8f04b53-grafik.png

                            apollon77A Online
                            apollon77A Online
                            apollon77
                            schrieb am zuletzt editiert von
                            #75

                            @heinzie Ok, dann cached nicht der web Adapter ... also kann es ggf nur der Browser sein

                            Beitrag hat geholfen? Votet rechts unten im Beitrag :-) https://paypal.me/Apollon77 / https://github.com/sponsors/Apollon77

                            • Debug-Log für Instanz einschalten? Admin -> Instanzen -> Expertenmodus -> Instanz aufklappen - Loglevel ändern
                            • Logfiles auf Platte /opt/iobroker/log/… nutzen, Admin schneidet Zeilen ab
                            1 Antwort Letzte Antwort
                            0
                            • O Offline
                              O Offline
                              onweb
                              schrieb am zuletzt editiert von onweb
                              #76

                              Hallo,

                              das Thema hier ist schon etwas älter aber es tangentiert meine aktuelle Problemlösung zumindest zu 50% und zum writeFile() gibt es nicht all zu viele Beiträge.
                              Die im Beitrag genutzte Bildquelle ist das relativ "statische" Bild einer oder mehrerer Kameras.

                              Ich suche jedoch eine Lösung für das Hochladen und Speichern einer/mehrerer Bilder vom Rechner des Betrachter meiner Vis-Page.
                              Angedachter zu nutzender "html-code"

                              <input type="file" id="input">
                              

                              Über ein Eingabefenster kann ich ein Bild auswählen.
                              Doch wie bekomme ich dieses Bild auf meinen ioBroker-Server geladen und gespeichert?
                              Vielleicht hat jemand eine Idee

                              liv-in-skyL 4 Antworten Letzte Antwort
                              0
                              • O onweb

                                Hallo,

                                das Thema hier ist schon etwas älter aber es tangentiert meine aktuelle Problemlösung zumindest zu 50% und zum writeFile() gibt es nicht all zu viele Beiträge.
                                Die im Beitrag genutzte Bildquelle ist das relativ "statische" Bild einer oder mehrerer Kameras.

                                Ich suche jedoch eine Lösung für das Hochladen und Speichern einer/mehrerer Bilder vom Rechner des Betrachter meiner Vis-Page.
                                Angedachter zu nutzender "html-code"

                                <input type="file" id="input">
                                

                                Über ein Eingabefenster kann ich ein Bild auswählen.
                                Doch wie bekomme ich dieses Bild auf meinen ioBroker-Server geladen und gespeichert?
                                Vielleicht hat jemand eine Idee

                                liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                schrieb am zuletzt editiert von
                                #77

                                @onweb

                                ganz verstehe ich es noch nicht

                                der input öffnet ja ein dateiverzeichnis - dieses liegt wo ? soll das schon der iobroker server sein ? oder eine externe quelle

                                in der vis soll dann dieses dateiverzeichnis gesehen werden und bei auswahl einer datei (Bildes), soll damit was geschehen

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                O 1 Antwort Letzte Antwort
                                0
                                • O onweb

                                  Hallo,

                                  das Thema hier ist schon etwas älter aber es tangentiert meine aktuelle Problemlösung zumindest zu 50% und zum writeFile() gibt es nicht all zu viele Beiträge.
                                  Die im Beitrag genutzte Bildquelle ist das relativ "statische" Bild einer oder mehrerer Kameras.

                                  Ich suche jedoch eine Lösung für das Hochladen und Speichern einer/mehrerer Bilder vom Rechner des Betrachter meiner Vis-Page.
                                  Angedachter zu nutzender "html-code"

                                  <input type="file" id="input">
                                  

                                  Über ein Eingabefenster kann ich ein Bild auswählen.
                                  Doch wie bekomme ich dieses Bild auf meinen ioBroker-Server geladen und gespeichert?
                                  Vielleicht hat jemand eine Idee

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #78

                                  @onweb

                                  das hier wäre so in beispiel - geht das in deine richtung

                                  https://www.tutorialkart.com/nodejs/node-js-upload-file-to-server/

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  1 Antwort Letzte Antwort
                                  1
                                  • O onweb

                                    Hallo,

                                    das Thema hier ist schon etwas älter aber es tangentiert meine aktuelle Problemlösung zumindest zu 50% und zum writeFile() gibt es nicht all zu viele Beiträge.
                                    Die im Beitrag genutzte Bildquelle ist das relativ "statische" Bild einer oder mehrerer Kameras.

                                    Ich suche jedoch eine Lösung für das Hochladen und Speichern einer/mehrerer Bilder vom Rechner des Betrachter meiner Vis-Page.
                                    Angedachter zu nutzender "html-code"

                                    <input type="file" id="input">
                                    

                                    Über ein Eingabefenster kann ich ein Bild auswählen.
                                    Doch wie bekomme ich dieses Bild auf meinen ioBroker-Server geladen und gespeichert?
                                    Vielleicht hat jemand eine Idee

                                    liv-in-skyL Offline
                                    liv-in-skyL Offline
                                    liv-in-sky
                                    schrieb am zuletzt editiert von
                                    #79

                                    @onweb

                                    konnte bis jetzt nur das machen - muss schauen, w ie ich das richtig in die vis einbauen kann - die webseite, die du siehst , ist auf dem iobroker server gehostet und schreibt in den iobroker server

                                    AApossis (114).gif

                                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                    1 Antwort Letzte Antwort
                                    0
                                    • liv-in-skyL liv-in-sky

                                      @onweb

                                      ganz verstehe ich es noch nicht

                                      der input öffnet ja ein dateiverzeichnis - dieses liegt wo ? soll das schon der iobroker server sein ? oder eine externe quelle

                                      in der vis soll dann dieses dateiverzeichnis gesehen werden und bei auswahl einer datei (Bildes), soll damit was geschehen

                                      O Offline
                                      O Offline
                                      onweb
                                      schrieb am zuletzt editiert von
                                      #80

                                      @liv-in-sky

                                      Genau, das

                                      <input type="file" id="input">
                                      

                                      öffnet einen Dialog, um eine Datei auszuwählen.

                                      Was danach passiert oder notwendig ist wird auch auf verschiedenen Internetseiten erklärt, auch mit Javascript.
                                      zum Beispiel:

                                      var selectedFile = document.getElementById('input').files[0];
                                      

                                      Aber in der vis sind, zumindest gefüllt, mir irgendwie die Hände gebunden, weil ich den temporären Verweis auf die "Datei" durch die id="input" irgendwie nicht in einen JScript zur Weiterverarbeitung und zum Abspeichern mit writeFile() bekomme.

                                      Das Ziel soll am Ende sein, dass die oben gewählte Datei am Ende in irgendeinem Ordner auf dem Raspi mit der ioBroker-Installation liegt.

                                      liv-in-skyL 1 Antwort Letzte Antwort
                                      0
                                      • O onweb

                                        @liv-in-sky

                                        Genau, das

                                        <input type="file" id="input">
                                        

                                        öffnet einen Dialog, um eine Datei auszuwählen.

                                        Was danach passiert oder notwendig ist wird auch auf verschiedenen Internetseiten erklärt, auch mit Javascript.
                                        zum Beispiel:

                                        var selectedFile = document.getElementById('input').files[0];
                                        

                                        Aber in der vis sind, zumindest gefüllt, mir irgendwie die Hände gebunden, weil ich den temporären Verweis auf die "Datei" durch die id="input" irgendwie nicht in einen JScript zur Weiterverarbeitung und zum Abspeichern mit writeFile() bekomme.

                                        Das Ziel soll am Ende sein, dass die oben gewählte Datei am Ende in irgendeinem Ordner auf dem Raspi mit der ioBroker-Installation liegt.

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von
                                        #81

                                        @onweb

                                        leider habe ich keine gute nachricht - bin leider etwas überfordert mit dem script - ich kann zwar daten übertragen, bekomme es aber nicht in vis eingebunden - am ende wird immer eine neue webseite aufgerufen, welche nicht in der vis ist

                                        das problem bei der sache ist ja die übertragung des files - letztlich muss ja ein kopiervorgang vom pc zum iobroker stattfinden - und das funktioniert nur über http. das kann man über einen kleinen webserver, der durch ein script erzeugt wird, hinbekommen. sendet man nun die daten über htlm an diesen webserver, wird am ende dieser webserver geöffnet und man verläßt die vis

                                        da muss leider jmd anderes helfen

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        apollon77A 1 Antwort Letzte Antwort
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @onweb

                                          leider habe ich keine gute nachricht - bin leider etwas überfordert mit dem script - ich kann zwar daten übertragen, bekomme es aber nicht in vis eingebunden - am ende wird immer eine neue webseite aufgerufen, welche nicht in der vis ist

                                          das problem bei der sache ist ja die übertragung des files - letztlich muss ja ein kopiervorgang vom pc zum iobroker stattfinden - und das funktioniert nur über http. das kann man über einen kleinen webserver, der durch ein script erzeugt wird, hinbekommen. sendet man nun die daten über htlm an diesen webserver, wird am ende dieser webserver geöffnet und man verläßt die vis

                                          da muss leider jmd anderes helfen

                                          apollon77A Online
                                          apollon77A Online
                                          apollon77
                                          schrieb am zuletzt editiert von
                                          #82

                                          @liv-in-sky ich würde es per socketio machen. Das ist im Vis da und damit kannst du das file in den ioBroker Storage packen. Aber mehr als die Idee bzw. den Weg kann ich nicht beisteuern

                                          Beitrag hat geholfen? Votet rechts unten im Beitrag :-) https://paypal.me/Apollon77 / https://github.com/sponsors/Apollon77

                                          • Debug-Log für Instanz einschalten? Admin -> Instanzen -> Expertenmodus -> Instanz aufklappen - Loglevel ändern
                                          • Logfiles auf Platte /opt/iobroker/log/… nutzen, Admin schneidet Zeilen ab
                                          liv-in-skyL 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          186

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe