How to convert an image string in javascript or jquery?

Question

I have this "little" problem...

In my web app, I receive an xml message from the server that I parse with jquery. In the xml there is an element <Image> with these attributes: key and value. The value attribute is a string that represents the image file (.png) compressed with the gzip algorithm (using the System.IO.Compression class in C#). Is there a way to decompress the value in javascript and then get the corresponding decompressed string?

Sorry, are you receiving an image content or path through a webservice? — gustavodidomenico, Jan 29 '13 at 16:47

score 3 · Answer 1 · edited May 23 '17 at 12:30

3

This looks like it's a combination of already answered questions. You need to ungzip the string and then convert from string to image. When dealing with problems like this it's best to break it down into the smallest chunks you can. That way your searches will yield more applicable results if you can't find your exact issue.

JavaScript implementation of Gzip

Javascript Hex String to Image

edited May 23 '17 at 12:30

Community

1
1

answered Jan 29 '13 at 16:49

jholloman

1,959
14
16

Exactly as I thought people should break this down. Get the GZip out of the way and convert to image. Using DATA URI might have browser compatibility issue but not in near future. – Farrukh Subhani Jan 29 '13 at 16:51

score 1 · Answer 2 · answered Jan 29 '13 at 16:51

1

just simple example

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

where iVBORw0KGgoAAAANSUhEUgAAADIA... - is your value..

answered Jan 29 '13 at 16:51

Vadim Ivanov

633
1
7
16

score 0 · Answer 3 · edited May 23 '17 at 12:30

0

I asume the image is base64 encoded. In that case you need to set the src property of the image with the image data prefixed with data:image/png;base64,

Embedding Base64 Images

edited May 23 '17 at 12:30

Community

1
1

answered Jan 29 '13 at 16:49

Daniël W. Crompton

3,448
25
26

Just Firefox support this method. – gustavodidomenico Jan 29 '13 at 16:50
Is this due to the gzip encoding, as I believe this worked in the latest version of Chrome. I would need to double check. – Daniël W. Crompton Jan 29 '13 at 16:52
gzip compression does work and most common browsers (listed on w3c) are able to encode and decode to gzip so should not be an issue. – Farrukh Subhani Jan 29 '13 at 16:53

score 0 · Answer 4 · answered Jan 30 '13 at 09:17

The server send to me the string of the image in a gzip compress format. I try the tag but the browser seems not to decompress the image string. The image is converted in base64 format. Now I try again. Is there a way to check if the string is compress ed in the right way?

How to convert an image string in javascript or jquery?

4 Answers4