Signatur(file) aus TB als Quelle für Absender-Logo in einer HTML / inline-Bild

[cumulonimbus8]

Moin!

Ich erinnere mich einen recht komischen Workaround aufgeschnappt zu haben.

Technisches Ziel ist es eine HTML mit einem Kommandozeilentool zu versenden. Darin ein Logo (id est: Bild…) das inline geschickt werden soll und nicht als Anhang. Ein Ergebnis war diese Syntax: <img src="data:image/png;base64,{Rattenschwanz}>.

Praktisches Ziel ist es an den Rattenschwanz zu gelangen. Ohne einen Base64Encoder - sondern gemäß eines Tipps die Signatur von TB zu missbrauchen und als HTML abzuspeichen. Daraus geht dann ein simples Copy-Paste das ich auch einem weniger Geübten aufs Auge drücken kann.

Ich bilde mir ein das vor längerer Zeit schon mal gemacht zu haben. Ist es wiederum so (und evtl. sollte ich im Online-Forum fragen), dass der Sprung von TB 68 auf 78 diese Möglichkeit ausgeschlossen hat?

Kurz - wie komme ich an Code für ein inline mitgeschicktes Bild, ohne Tools, sondern nach Kochrezept für in diesen Szenarien nicht ganz so geübte, an sich aber fitte Anwender? »Da war doch was!« Aber was, ich erinnere mich nicht…

CN8


Ich helfe mir so: in die HTML-Singatur einfach <img src="file:///C:/…/…/logo.gif> reinklöppen, senden, den Eingang mit Strg+U näher ansehen und den Rattenschwanz abgreifen. Das ist für besagten Anwender dann doch eine Nummer zu rattenscharf 😉

 

[netzgestaltung]

Vielleicht damit?
https://www.base64encode.net/base64-image-encoder

 

[cumulonimbus8]

Ohne einen Base64Encoder

Ich habe zwar so was, aber nicht der der ohne Tools oder Websites sich helfen soll.
Speichern, Copy-Paste - das geht zu machen. Selbst kodieren ist nicht zu verkaufen.

CN8

 

[netzgestaltung]

also ich denk das geht recht einfach mit JS:

ein File-Input zum "bild in den browser laden"
das JS encoded das "on submit" und liefert das ergebnis + dem HTML das du rundherum möchtest in ein "read only" text input feld wo der user es fertig rauskopieren kann.

Code dazu kann ich raussuchen, das artet aber ein wenig in arbeit aus...

Ergänzung (25. Juli 2021)

habs noch auf die schnelle hinbekommen: https://jsfiddle.net/4qp1xt6r/4/

<form id="image-to-base64-html">
  <label for="image-upload">Bild Hochladen</label>
  <input type="file" id="image-upload" name="image-upload" accept="image/*" />
  <button type="submit">HTML Erzeugen</button>
</form>
<input type="readonly" id="html-output" />
<a id="html-copy" href="#">Kopieren</a>

;(function(){
  var copied_class = 'html-copied',
      html_before_image = '<img src="',
      html_after_image = '" />',
      file_to_dataURL = function(file){
        return new Promise(function(resolve, reject) {
          var fileReader = new FileReader();
        
          fileReader.readAsDataURL(file);
          fileReader.onload = function(){
            resolve(fileReader.result);
          };
        });
      };
      
  document.addEventListener('DOMContentLoaded', function(){
    var form = document.getElementById('image-to-base64-html'),
        html_output = document.getElementById('html-output'),
        copy_output = document.getElementById('html-copy');
        
    form.addEventListener('submit', function(event){
      var formData = new FormData(form);

      file_to_dataURL(formData.get('image-upload')).then(function(image_dataURL){
        html_output.value = html_before_image + image_dataURL + html_after_image;
      });
      event.preventDefault();
    });
    copy_output.addEventListener('click', function(event){
      var copy = navigator.clipboard.writeText(html_output.value);

      if ( document.body.classList.contains(copied_class) ) {
        document.body.classList.remove(copied_class);
      }

      copy.then(function(){
        document.body.classList.add(copied_class);
      });
      event.preventDefault(); 
    });
  });
})();

 

[cumulonimbus8]

Die Lösung ist technisch lobenswert! 🙂

Allein, auch das kann ich, wie angedeutet, nicht verkaufen.

Ein „Du musst diese HTML benutzen um an den Bildcode zu kommen!“ wird daran scheitern, dass «diese HTML» nie zur Hand sein wird wenn man sie braucht. Ich kenne meine(n) Pappenheimer…

CN8

 

[netzgestaltung]

öhm keine ahnung - der user kann einfach https://jsfiddle.net/4qp1xt6r/4/ benutzen (oder eine statische interne seite) und den code kopieren oder was fehlt mir da jetzt zum verständnis? Es könnte noch eine Textbox für Signaturtext geben?

 

[cumulonimbus8]

Alles Dinge für mich - aber nicht für die Adresse an die ich es loswerden müsste (und möchte 😇).
CN8

 

[sandreas]

Davon gibts so viele für Windows, MacOS und Linux:
https://listoffreeware.com/free-image-to-base64-converter-software-windows/

Nimm doch einfach einen davon...
Oder falls du nix installieren willst und Open Source bevorzugst:

https://github.com/herrphon/base64-image-converter

 

[cumulonimbus8]

Ich scheine mir den Mund fusslig zu reden?!
Dort wo es passieren soll kann ich kein Tool anbringen! Das wäre so als würde ich einem Blinden mit einer Sonnenbrille helfen.

Entscheidend ist
Es ging mal mit ThunderBird. Wenn das nicht mehr geht habe ich ein Problem das ich nicht lösen kann indem ich Tools aller Art anbringen wollte. Das scheidet aus. Ich kann die Vorschläge umsetzen, für mich, und es sieht so aus als wäre da Arbeit zu mir rübergewandert…

CN8

 

[sandreas]

Ich scheine mir den Mund fusslig zu reden?!

Nun, ziehe in Erwägung, dass das Thema entweder nicht gut erklärt wurde oder tatsächlich schwierig zu verstehen ist :-)

Es ging mal mit ThunderBird. Wenn das nicht mehr geht habe ich ein Problem das ich nicht lösen kann indem ich Tools aller Art anbringen wollte.

Du könntest eventuell schauen, ob du eine Extension für Thunderbird entwickeln kannst, die sowas macht. Aber ich scheine das Problem nicht zu verstehen, daher halte ich mich lieber mal zurück :-)

 

[cumulonimbus8]

Nun, ziehe in Erwägung, dass das Thema entweder nicht gut erklärt wurde oder tatsächlich schwierig zu verstehen ist

Die Frage wie man TB und eine Signatur dort hernehmen kann Code zu generieren, der ein Inline-Bild erzeugt, ist, denke ich, klar genug. Es ging einmal, 100-Pro. Aber wie; ich haben den Tipp verschusselt und kann ihn auch nicht reproduzieren.

Es geht nicht darum mir Tools zu verkaufen die dasselbe bewirken - weil nicht ich derjenige bin der diese Umsetzung bitte autark durchführen möge (der aber auch etwas… speziell… ist).

eine Extension für Thunderbird entwickeln kannst,

Dasselbe Kernproblem in Grün. Es muss nativ mit den integrieeten Mitteln gehen. So eine Lösung kann ich ›verkaufen‹, anderenfalls bleibt es bei mir hängen… Mit halben Infos was basteln was dann doch nicht so rauskommt wie es gedacht war 😉

CN8

 

[AW4]

Die Frage wie man TB und eine Signatur dort hernehmen kann Code zu generieren, der ein Inline-Bild erzeugt, ist, denke ich, klar genug.

Dass du "ThunderBird" mit TB meinst, erwähnst du nur nebenher in einem Folgepost, das geht weder aus dem Titel noch deinem Eingangspost hervor.
Was du mit Signatur genau meinst ist unbekannt, auch von den Restriktionen ist nur das bekannt, was du tröpfchenweise preisgegeben hast und das Warum hast du noch nicht einmal angeschnitten.

Ich lehne mich wahrscheinlich nicht weit aus dem Fenster, wenn ich auf das hier zitierte mit "Nope" antworte.

Wenn du vernünftige und brauchbare Lösungsvorschläge haben möchtest, beschreibe dein Problem brauchbar und vernünftig.

 

[cumulonimbus8]

Wenn Romane abgeliefert werden wird auch gemeckert...
Im Einganspost ist von Thunderbird, wahrlich unter TB bekannt, die Rede; als das Werkzeug mit dem »es« abgewickelt werden soll. Ich gewinne den Eindruck, dass dieser nicht gelesen wird und ich schuld dran sein soll!?
TB, Signatur - in dieser Kombi für mich eindeutig. Ich weiß wirklich nicht was ich noch hätte tun sollen.

CN8

 

[netzgestaltung]

was genau geht mit der TB Signatur nicht mehr was früher ging?
was ist "es"?
was ist der beginn und was soll eigentlich am schluss rauskommen? ein kommandozeilentool? das verschickt was? wohin?
Was macht der "user" dann nochmal genau? zuerst TB dann kommandozeile?

 

[cumulonimbus8]

Lies doch bitte von oben mit. Da steht alles.

Das Kommandozeilentool ist schon vom Typ »Roman«. Es hat nichts mit dem Kernproblem zu tun. Ist ein Mailer und letzlich soll eine HTML-Mail gesendet werden die ein Logo in einer Signatur (wer gut klaut hat es einfacher...) inline mitführt statt als Anhang und auch nicht als Link. Wenn TB gleich ein ganzes Modul (komplette Signatur nämlich) ablieferte um so einfacher.

Meiner Erinnerung nach gab es eine einfache Handhabung das zu erreichen. Ich erinnere mich nicht an das Wie. Und es kann sein, dass dieser Weg nicht mehr existiert.
Um nichts als das kreist meine Frage..: ›So gehtʼs!‹ oder ›Geht nicht nehr.‹

CN8

 

[netzgestaltung]

https://support.mozilla.org/de/kb/signaturen signaturen sind in den konto-einstellungen von TB. können eine text bild oder html datei sein.

 

[floq0r]

@cumulonimbus8 Dass du (kostenlose) innovative Vorschläge hier regelrecht beflegelst obwohl du sie wie mehrfach von dir erwähnt augenscheinlich verkaufst (ich interpretiere das wörtlich) erscheint mir unverschämt. Bevor du weiterhin an einem XY-Problem festhältst könntest du in Erwägung ziehen deine Kunden an eine einfache Lösung zu gewöhnen. Möglicherweise bist du unbewusst im falschen Subforum gelandet, denn hier geht es nicht ausschließlich um Anwenderprogramme

 

[cumulonimbus8]

#16
Das wusste ich ja noch gar nicht... ☹️
Interessanter wäre zu erfahren ob solche Signaturen exportierbar sind (gleich wie sie erstellt wurden) und dann zufällig Bilder inline enthalten.

#17
Wer hier wen beflegelt (Zitat) wäre zu prüfen. Wenn man die Floskel ›jemandem etwas verkaufen‹ nicht versteht sondern unbedingt wörtlich nimmt müsste man dann auch wissen, dass man Wünsche der Kunden und Vorgaben zu erfüllen hat und diese nicht erzieht.
Egänzung (ich meine am Smartphone unterdessen eine #18 beantwortet zu haben?!) - jene Kunden sind für dieses Problem nicht unsere Kunden sondern aus meiner Sicht die höheren Etagen der Firma. Auch die erzieht man nicht…

Dass ich evtl. bei Online hätte posten können erwähnte ich Eingangs. Aber HTML-Signaturen und deren Innenleben schienen mir hier besser aufgehoben.
Findet sich eine Antwort auf die in #15 unten formulierte zusammengefasste Frage?

CN8

 

[BFF]

Technisches Ziel ist es eine HTML mit einem Kommandozeilentool zu versenden. Darin ein Logo (id est: Bild…) das inline geschickt werden soll und nicht als Anhang. Ein Ergebnis war diese Syntax: <img src="data:image/png;base64,{Rattenschwanz}>.

Wenn es eh die Firmensignatur ist, lasst doch euren Mailserver die Signatur an jede ausgehende und das Firmennetz verlassende Mail automatisch anhaengen. Und nein, das ist keine Anlage was dann da gesendet wird.

 

[floq0r]

Wer lang genug mit Kunden zu tun hat wird verstehen, dass diese dafür bezahlen um von qualifizierten Dienstleistern beraten zu werden (an dieser Stelle noch einmal: https://en.m.wikipedia.org/wiki/XY_problem ) Ich gehe davon aus, dass du (trotz deiner Lateinkenntnisse) kein Mediziner bist und deinem Chirurgen keine Vorgaben machen wirst wie er dich genau zu operieren hat.