Hi all,
I’d like to define one ‘jpg’ using data encoded in base64. For that I’m trying to use the html object tag. I don’t want to use other files rather than the html page it self, so I must define the base64 data inline.
I’ve coded the following:
<object type=”image/jpeg”
data=”data:image/jpeg;base64,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”> browser don’t support this feature
</object>
This code, in Netscape and some other browsers works. In IE doesn’t work… Why?
Object tag is supported I know, because “browser don’t support this feature” message isn’t displayed.
So, perhaps content type I use is unsupported? Jpg should be commonly supported… perhaps my data field in object tag isn’t standart?
Please help, and thanks in advance.
Miguel