HTML Bild aus String mit Base64 encodierten Daten anzeigen

Das data-URI-Schema funktioniert aber nicht nur mit Bildern sondern (prinzipiell) auch mit allen anderen möglichen Inhalten. Auch ist es nicht nur auf object-Elemente oder HTML beschränkt.
 
Hi,
kann es sein, dass es unter dem IE Probleme bereitet?

Wenn ich sowas zum Beispiel als Anhang einer Mail setze und unter Outlook öffne,
arbeitet bekanntlich mit dem Explorer zusammen, bekomme ich nichts der Gleichen
angezeigt.

Direkt im IE bekomme ich zwar etwas zu sehen, aber da sieht es doch sehr kaputt aus.

Im Firefox sowie dem Mail Programm Mozilla breitet diese Art keinerlei Probleme.

Gibt es da eine Möglichkeit, um sowas auch Fehlerfrei im IE zu nutzen?

viele Grüße
 
hachel hat gesagt.:
Hi,
kann es sein, dass es unter dem IE Probleme bereitet?

Wenn ich sowas zum Beispiel als Anhang einer Mail setze und unter Outlook öffne,
arbeitet bekanntlich mit dem Explorer zusammen, bekomme ich nichts der Gleichen
angezeigt.

Direkt im IE bekomme ich zwar etwas zu sehen, aber da sieht es doch sehr kaputt aus.

Im Firefox sowie dem Mail Programm Mozilla breitet diese Art keinerlei Probleme.

Gibt es da eine Möglichkeit, um sowas auch Fehlerfrei im IE zu nutzen?

viele Grüße
Zum Vergrößern anklicken....

Ich schätze es liegt am IE7.

Wikipedia(EN) hat gesagt.:
Microsoft's Internet Explorer, as of version 7, does not support data: URIs.
Zum Vergrößern anklicken....
 
Wenn sich der Betrachter mit dem Internet Explorer 6,7 dafür bereiterklährt
das Plugin "SVG-Viewer 3.xx" von Adobe zu installieren und Activ-X für dieses Dokument zuläst, kann er auch inline-grafiken betrachten.
Ich weiß nicht in wiefern Internet Explorer >6 damit umgehen kann.
Habe gelesen das der Internet Explorer 8 das data-URI-Schema unterstützen soll.


HTML: 
<?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
<html  xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
    <head>
        <object id="AdobeSVG" CLASSID="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2"></object>
        <?import namespace="svg" implementation="#AdobeSVG"?>
    </head>
    <body>
        <div style="width: [bildbreite]; height: [bildhöhe]; overflow: hidden; border-width: 0px;">
             <div>	
                <!--[if IE]>
                    <svg:svg height="[bildhöhe]" width="[bildbreite]" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <svg:image height="[bildhöhe]" width="[bildbreite]" xlink:href="data:image ... ... "/>
                    </svg:svg>
                <![endif]-->
                <!--[if !(IE)]><!-->
                    <img src="data:image/ .... ...." />
                <!--<![endif]-->
            </div>
            <div style="border-style: solid; border-width: 1px; border-color: #000000;">
                 <span style="font-size: 10pt;">Um diese Grafik dazustellen<br/>
                 braucht ihr Browser<br/>
                 den SVG-Viewer-3 von Adobe:<br/>
                 <a href="http://www.adobe.com/svg/viewer/install/"  target="_blank">Download</a>
                 </span>
            </div>
        </div>
    </body>
</html>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück