Einbinden von Bild als Base64 Code in Arduino Webserver

International Deutsch
1

Hallo Forum Team.

Ich brauche mal wieder eure Hilfe.

Ich möchte in meinen IDE Script ein Bild als Base64 Script einbinden.
Allerdings funktioniert das bei mir irgendwie nicht.

Das ich ein Bild aus dem Internet verlinke, habe ich hin bekommen, allerdings halt nicht den Base64 Code.

Das funktioniert:

Client.printIn(„img src = „);
Client.printIn(„https:// ..... „);
Client.printIn(„>“)

Aber wenn ich dann das http.. durch den data:image/png ....
Ersetze, bekomme ich ne Fehlermeldung.

Wollte das ganze auch schon per Sketch Daa Upload. Ersuchen, allerdings wird mir in der Arduino ide unter Flash Size immer nur FS in mb und OTA in kb angezeigt ind kein spiffs

Da bekomme ich dann immer den Fehler
SPIFFS_write ertor -10010
Create Fail ausgegeben.

Evtl hat jemand einen Tipp für mich.

Danke euch

2

kofske:
Das funktioniert:

Client.printIn(„img src = „);

Client.printIn(„https:// ..... „);
Client.printIn(„>“)

Das das funktioniert, glaube ich nicht.

error: has no member named 'printIn';

Gruß Tommy

3

Ja würde auch gerne mit spiffs arbeiten. Aber wie gesagt kann ich es nicht hoch laden da ich als Speicher nur OTA auswählen kann. Die Spiffs datei habe ich bereits von gui runter geladen und in den tools ordner hinterlegt. Gibt es da noch einen Trick mit dem spiffs?

4

Wenn Du verrätst, welchen ESP8266 Du verwendest / wieviel Flash, könnte jemand dazu etwas sagen.

Gruß Tommy

5

Es ist ein Esp8266-12 mit 4 MB von AZ-Delivery

6

Also ein WEMOS/LOLIN D1 mini oder NodeMCU. Wenn Du die als Prozessor wählst, kannst Du 4 verschiedene Kombinationen von OTA und SPIFFS wählen.

In den Spiffs musst Du das Bild aber als normales Bild laden.
Schau Dir dazu mal den SPIFFS-Dateimanager von Fips an.

Gruß Tommy

7

Bitte gerne wenn ich so nett gefragt werde.

8

Also wähle in der IDE NodeMCU 1.0 (wie schon geschrieben)

Gruß Tommy

9

kofske:
Bitte gerne wenn ich so nett gefragt werde.

NodeMCU LUA Amica Modul mit ESP8266 12F bei az-delivery.de

das passt schon. Klare Anweisungen damit du dich auf das Wesentliche konzentrieren kannst.

Kannst noch einen Snapshot von deiner IDE machen wo man alle Einstellungen sieht (offenes Menü Werkzeuge mit den NodeMCU Daten) und hochladen?

10

Hier gerne ein paar Fotos. Bin bereits auf der MCU 1.0

Als esp8266fs habe ich die Version 0.4.0 in den tools Ordner

11

Wo sind Fotos?

  1. als Attachment anhängen - speichern
  2. die Links der Attachments in die IMG-Tags einfügen

Gruß Tommy

12

A

IMG_0904.jpg
IMG_0904.jpg2974×1723 1.02 MB

13

Sorry für die verspäteten Bilder. Wollte nicht gleich wie es sollte

IMG_0905.jpg
IMG_0905.jpg3240×1168 1.21 MB

14

Stimmt. Der war aktuell nicht angeschlossen.

15

Wäre interessant warum hier immer nur der OTA angezeigt wird und nicht SPIFFS. Ich nutze auch das over the air gar nicht

16

Danke euch alken. Konnte nun das ursprüngliche Problem mit dem einbinden als Base64 lösen, indem ich die Webseite über einen Asyncronen Webserver darstelle. Jetzt muss ich zwar noch an der Ausgabe meiner 10 DS18B20 einzeln adressiert arbeiten, aber evtl finde ich hier eine Lösung.

Evtl hat hier einer im Forum bereits einen Script, mit dem ich mehrere DS18B20 jeweils adressiert über einen Asyncronen Webserver ausgeben kann?

Wäre super.

Danke

17

Für mehrere DS18210 gibt es ein Beispiel in der Lib. Den Rest musst Du selbst machen.

Gruß Tommy

18

Ja Danke. Kannst du das verlinken?

19

Schau einfach in die Beispiele der DS1820 Lib. Die musst Du doch sowieso installieren.

Gruß Tommy

20

Hi

Wenn Du die DS18B20 mit dem Such-Algorithmus durchklapperst, wird Sich die Reihenfolge NIE ändern!
Erst, wenn Du einen weiteren Sensor hinzufügst oder einer der bereits verbauten ersetzt werden soll (Was im Endeffekt keinen Unterschied macht), wird Sich der Neue irgendwo dazwischen einfinden.
Selber nutze ich die User-Bytes (eigentlich für Min-/Max-Alarm-Temperatur des Sensor), um dem Sensor eine 'greifbare' ID zu geben.
Wenn ich einen meiner Sensoren austauschen möchte, stelle ich im Neuen meine ID in den User-Bytes ein, klemme Den an der Heizung an meinen Arduino an und der neue Sensor wird unter meiner ID gefunden.

Solange Du nicht mit dem Ableben eines der Sensoren rechnest oder einen Austausch generell mit einbeziehen willst, ist die stupide Such-Reihenfolge dicke gut genug.

Wenn Du in 10 Jahren einen Sensor tauschen musst: Sketch neu aufspielen, gucken, in welcher Reihenfolge die Sensoren gefunden werden, den Sketch daraufhin minimal anpassen, fertig.

MfG