Images in Javascript variables

[Pete]

Hi,

I have some image data in a Javascript variable, and I want to display
it. I have a technique which works in Firefox but not in Internet
Explorer :

<script>
var testImage = <image data as a string>
</script>

<img src="javascript:testImage"></img>


I understand that this should work in Javascript 1.2 and above, which
supports null characters in strings. Does anyone know why this doesn't
work in Internet Explorer?

Many thanks,
Pete.

 

[Martin Honnen]

I have some image data in a Javascript variable, and I want to display
it. I have a technique which works in Firefox but not in Internet
Explorer :

<script>
var testImage = <image data as a string>
</script>

<img src="javascript:testImage"></img>


I understand that this should work in Javascript 1.2 and above, which
supports null characters in strings. Does anyone know why this doesn't
work in Internet Explorer?

It is nowadays not as much a question of the JavaScript version but of
the browser supporting javascript: URLs for the HTML img element. I
think older versions of IE used to support XBM but newer don't, and IE
has never supported rendering GIF or JPG or PNG image data in a
javascript: URL as the src attribute value of an HTML img element.

 

[Pete]

It is nowadays not as much a question of the JavaScript version but of
the browser supporting javascript: URLs for the HTML img element. I
think older versions of IE used to support XBM but newer don't, and IE
has never supported rendering GIF or JPG or PNG image data in a
javascript: URL as the src attribute value of an HTML img element.

Thanks for the reply. So I guess the only way I could do it is to
somehow save the data to a file then point the img element at the file?

Hmmm. :-|

 

[VK]

So I guess the only way I could do it is to
somehow save the data to a file then point the img element at the file?

It depends on what kind of picture is that. If it's a raster photo then
I'm affraid so (or use server-side bitmap generator).

If it's a vector graphics (or something that can be represented as
vector graphics w/o nuking the parser) then you can use SVG/VML markup
or drawing commands.