/    Sign up×
Community /Pin to ProfileBookmark

Inline object tag use for jpg’s on IE6.0

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

to post a comment
HTML

4 Comments(s)

Copy linkTweet thisAlerts:
@soccer362001Oct 18.2004 — I don't know why your code won't work, but why not just give the file name. You may also want to check out http://www.w3schools.com/media/media_object.asp
Copy linkTweet thisAlerts:
@FangOct 19.2004 — IE has never supported inline data in this manner.

It was apparently possible to use ActiveX, but a security patch now blocks that method.

You can still produce images in e-mails in base64 so why not in IE? Odd.

I have seen work done on importing these images using XML although I do not know if it works with IE. See what a Google turns up.
Copy linkTweet thisAlerts:
@esmeDec 13.2005 — Assuming you have PHP on the server you could try doing

<img src="/path/decode.php?i=/9j/4AAQSkZJRgABAQEBLAEsAAD...">

where decode.php contains

echo( base64_decode( @$_GET["i"] ) );

I don't know if there's a limit on the string length for the argument, it certainly works for small images, and it seems to be fairly browser independant
Copy linkTweet thisAlerts:
@esmeDec 13.2005 — I've only done this with GIF files so far though
×

Success!

Help @amfontinha spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...