dsehapi: Bild ausgeben

SELF-Forum

Bild ausgeben

dsehapi
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte Base64 kodierte Bilder im Browser anzeigen.
Dies klappt sehr gut mit der Anweisung <img name="a" src="data:image/png;base64,...>.
Sobald ich ein Javascript Objekt erzeuge und ausgeben möchte, erscheint die Ausgabe [object HTMLImageElement].

Hat jemand eine Idee, warum das Image Objekt mit document.write nicht ausgegeben wird ? Wird das Image Objekt korrekt/ vollständig mit den Bilddaten initialisiert ? Was ist falsch ?

Hier die HTML Seite :

<html>  
<body>  
  
1\. Image Tag : <img name="a" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAA f8/9hAAADg0lEQVR42nWTbUyTVxiG3/3Yj6mllQLlBdZWoJ39hNK3lLXarqVFApTRQqmygXWsM46hGcMQ Q0ZqFnBzZIPWtJVBgQnEr0rWoOsmM2RL2JcOnBp1MgfRTbZozN hHZsHdO+sPE018kic5P859n+vkuR+KeqQ4GVoNJ0vn40lss7S8 5o6Acd/O1Tedk5n39OTZ3lFTjytaqmen5FpDbJpZSV5nRNp6G/gF9RBtaIbc2o688k6obN3LBfbeA5bNftZD4kyFPYnFK/h0TWoe2JmF4OYUI11WBSGzDZLnWom4Cyq7D2pnCJrag9DUBCaM W0ZXPTDIUrgGV6cqQUzAydQmDHjSKkLghtTS/r8AjuZxNLSdQuWrEWyoHwHjDPoTYr7SZSTCFRZPlTBIojVYKzQ mCKSGHVCU7kX59qPY33cWodHv8Zb/K9TtPgn9CyP3NM6AlsqQO/pZvHysJvhPrBLjKW4enkxh8Mrr+3B9YRF657uoaopg4OglfDR5 HeFjl/BG1xSsLx9BYc3BHipVXHqZRRcimfy9pa0LI4ejCB8ax9Vr85i5 +CPU5R2IfT6Hn24s4ebiH1i4uYTB4xdhaTwMpjr0DZUuc9xlC8 0J0c+/LKKiejs0hlpy/hWh4QmU1nnxz71lhCMX4BuaweVrd/DnX3Fs8owiv9J3ixIyjXdzihpxZe4GzkxNI5VfhGfNmxGPx+F+ rRO72v2IL/8L564xeDpimCcEF64uorA2AGXF/luUrHjPlfUWL7a29CEa+xInopMYj55G7PQXUOhcGDv+CX5f+hu RU1/j5JnzBH8a1oYAZKWdUJR4v6WUZV39ZveHMDUM4xlzBwRMA3giC 1hkGrwcE36Ym4evL4I0WS3E+ibwi3Yi19AKqWk3JMVtPkpV9b7 J0Xzsvm/oPFr3TUFb3YssdSO4uSXgknGKVDbQkjJwxRXIULrIA1uRrfUgu 8gTV1re1CWyoK/7YKi7/yxBXED3wHewusPI1jUjXVIJ9tMbwREYQWJO4l1O8mEHTZrkJPg giYxjYG2ZZ+wz/6FZRCfn8V54BtaXhiEytCBD4USKyAputjnRyetMSJNUfizQlK1 5aB+0riDHUD/Yv8Mbu+/tncaW1gnk27oTy0TLq4lJCZKFxhWBZltQYX876bFbWWAP6tQ1B wKMvWdWsWnvbfHGnb/x1S+e40mf99Fyu/bR+/8BfnrLeu7zTbsAAAAASUVORK5CYII="></img>  
  
<br>  
  
<script>  
var img = new Image();  
img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAA f8/9hAAADg0lEQVR42nWTbUyTVxiG3/3Yj6mllQLlBdZWoJ39hNK3lLXarqVFApTRQqmygXWsM46hGcMQ Q0ZqFnBzZIPWtJVBgQnEr0rWoOsmM2RL2JcOnBp1MgfRTbZozN hHZsHdO+sPE018kic5P859n+vkuR+KeqQ4GVoNJ0vn40lss7S8 5o6Acd/O1Tedk5n39OTZ3lFTjytaqmen5FpDbJpZSV5nRNp6G/gF9RBtaIbc2o688k6obN3LBfbeA5bNftZD4kyFPYnFK/h0TWoe2JmF4OYUI11WBSGzDZLnWom4Cyq7D2pnCJrag9DUBCaM W0ZXPTDIUrgGV6cqQUzAydQmDHjSKkLghtTS/r8AjuZxNLSdQuWrEWyoHwHjDPoTYr7SZSTCFRZPlTBIojVYKzQ mCKSGHVCU7kX59qPY33cWodHv8Zb/K9TtPgn9CyP3NM6AlsqQO/pZvHysJvhPrBLjKW4enkxh8Mrr+3B9YRF657uoaopg4OglfDR5 HeFjl/BG1xSsLx9BYc3BHipVXHqZRRcimfy9pa0LI4ejCB8ax9Vr85i5 +CPU5R2IfT6Hn24s4ebiH1i4uYTB4xdhaTwMpjr0DZUuc9xlC8 0J0c+/LKKiejs0hlpy/hWh4QmU1nnxz71lhCMX4BuaweVrd/DnX3Fs8owiv9J3ixIyjXdzihpxZe4GzkxNI5VfhGfNmxGPx+F+ rRO72v2IL/8L564xeDpimCcEF64uorA2AGXF/luUrHjPlfUWL7a29CEa+xInopMYj55G7PQXUOhcGDv+CX5f+hu RU1/j5JnzBH8a1oYAZKWdUJR4v6WUZV39ZveHMDUM4xlzBwRMA3giC 1hkGrwcE36Ym4evL4I0WS3E+ibwi3Yi19AKqWk3JMVtPkpV9b7 J0Xzsvm/oPFr3TUFb3YssdSO4uSXgknGKVDbQkjJwxRXIULrIA1uRrfUgu 8gTV1re1CWyoK/7YKi7/yxBXED3wHewusPI1jUjXVIJ9tMbwREYQWJO4l1O8mEHTZrkJPg giYxjYG2ZZ+wz/6FZRCfn8V54BtaXhiEytCBD4USKyAputjnRyetMSJNUfizQlK1 5aB+0riDHUD/Yv8Mbu+/tncaW1gnk27oTy0TLq4lJCZKFxhWBZltQYX876bFbWWAP6tQ1B wKMvWdWsWnvbfHGnb/x1S+e40mf99Fyu/bR+/8BfnrLeu7zTbsAAAAASUVORK5CYII=";  
  
document.writeln("2. Ausgabe via HTML Element : " + document.images.a);  
document.writeln("<br>");  
document.writeln("3. Ausgabe via variable : " + img);  
</script>  
  
</body>  
</html>

Mit freundlichen Grüßen
 dsehapi

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bild ausgeben

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    Sobald ich ein Javascript Objekt erzeuge und ausgeben möchte, erscheint die Ausgabe [object HTMLImageElement].

    Hat jemand eine Idee, warum das Image Objekt mit document.write nicht ausgegeben wird ?

    Das wird es doch.
    Aber es ist eben ein JavaScript-Objekt, und das laesst sich in HTML nun mal schlecht "ausgeben". Wenn du das versuchst, bekommst du eben nur die Ausgabe [object HTMLImageElement] - weil die toString-Methode eines Img-Objektes in JavaScript genau das liefert.

    Wenn du ein HTML-Image erstellen erstellen willst, dann tue das auch - HTML-Elemente erstellt man mit createElement, und haengt sie mittels appendChild oder insertBefore ins Dokument ein.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Bild ausgeben

      dsehapi
      – Informationen zu den Bewertungsregeln

      Hallo,

      Danke für die schnelle Antwort ! Deine Anwort hat mir geholfen.

      Gruß
        dsehapi

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln