Image is not getting displayed from byte array in java

Question

I had two doubts:
1. When i am trying to print The byte array i am getting from java into client side.I am getting strange value kind. I am not sure whether it's a byte array or pixel data.If it's not byte array then what correction needed to do.Code reference are pasted below enter image description here
2.currently i am reading image from the database and writing into one byte array in server side and i am adding this byte array into json object and sending.But image is not getting displayed Please see the code below:

//this line will fetch the image data from db and i am storing into byte array
     byte[] imageData = smpResource.getValue();

//i am adding this byte array into json object and sending.
    JSONObject result = new JSONObject();
    result.put("image", imageData);

//Client side code looks like:

var temp = null;
var jqxhr = jQuery.post(
            '$link.getContextPath()/setEmployee.do',
            {
                empID: getSelectedEmpID(), empName: getSelectedEmpName()
            },
            function (data) {
            jQuery.each(data, function(field, value){
                // here in value i will be getting that byte array and i am storing in  the below img src
                if( "image" == field ) {
                    temp = value;
                    // please check the attachments and please confirm whether it was printing byte array or pixel data
                    alert("temp" + temp);
                }
            });

          selectedImage.innerHTML = "<img src='data:image/jpg;base64, temp'/>";
            ,
            "json"
        ).error( function(){
            // if there was an error, select the parent...
            selectedTreeNode.remove();
        });
    }

Might be it got little complicated to make you understand guyz but i tried my best.But let me know i will try in some other way.

Where you assign innerHTML, you just use "temp" inside the string literal. You need to concatenate the variables, i.e. selectedImage.innerHTML = "<img src='data:image/jpg;base64, " + temp + "'/>"; — Wouter Lievens
– Wouter Lievens, Commented Aug 4, 2014 at 11:24
@WouterLievens--i tried in that way also but still image is not getting displayed..and wanted to know the snapshot i added whether its a byte array format or some other ..i am not getting exactly — Uday Konduru
– Uday Konduru, Commented Aug 4, 2014 at 11:28

Community · Accepted Answer · 2017-05-23 10:26:16Z

1

To show in image with a data/base64 url, you need to encode it in Base64 format (see http://en.wikipedia.org/wiki/Base64). You could modify your backend to write your image into base64 format (see Java BufferedImage to PNG format Base64 String), as a string rather than an array. It's also way more compact for your JSON!

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Aug 4, 2014 at 11:32

Wouter Lievens

4,0395 gold badges44 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Uday Konduru Over a year ago

:--thank you for guidance but still image is not getting displayed.added the byte[] imageData = smpResource.getValue(); String enocdeString = Base64.encodeBase64URLSafeString(imageData); and also in the json object changed like result.put("image", enocdeString); now i can see the in client side proper byte array format is coming,but still i can see the image is null

Wouter Lievens Over a year ago

First try with manually created HTML and manually copying your generated base64 string, to verify if it's encoded correctly.

Uday Konduru Over a year ago

@Wouter-- tried manually also by copy pasting but still i can see there is no image getting displayed

Collectives™ on Stack Overflow

Image is not getting displayed from byte array in java

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related