How to convert bytes[] to base64 to show image in JavaScript?

Asked Nov 25 '15 at 07:31

Active Nov 25 '15 at 07:37

Viewed 3,277 times

I am getting a bytes array from ajax call and now i want to convert it to image. I have searched it and i find a way to convert bytes array into base64.My question is how i convert bytes array into base64 in java script or is there any way to show image through bytes array?

$.ajax({
            url: urlGetImages,
            data: { id: id },
            type: 'GET',
            contentType: "application/json; charset=utf-8",

            success: function (data) {

                debugger;
                totalImages = data.AdditionalData.ImagesByteses.length;
                if (totalImages > 0) {

                    //data.AdditionalData.ImagesByteses[0] is array of bytes
                    var imagemarkup ="<img src"">" // I want to show image from this byte array



                }



            },
            error: function () {
                alert(error);
            }
        });

edited Nov 25 '15 at 07:37

asked Nov 25 '15 at 07:31

Hiba

show your code please. – low_rents Nov 25 '15 at 07:34
I have edited the question – Hiba Nov 25 '15 at 07:38
4

This below link might help you : http://stackoverflow.com/questions/9267899/arraybuffer-to-base64-encoded-string – Vishnu Shekhawat Nov 25 '15 at 07:41
@Hiba thanks, but we still don't see how the byte-array is created. – low_rents Nov 25 '15 at 07:42
1

I get bytes array from server side – Hiba Nov 25 '15 at 07:45
Your img tag should be something like: , where blablabla is the image data in Base64 encoding – Frax Nov 25 '15 at 08:16
Not it is in bytes array – Hiba Nov 25 '15 at 08:21
I convert using this:var base64Sstring = new ArrayBuffer(storedImageBytes).toString('base64'); – Hiba Nov 25 '15 at 08:30
@Hiba all data on a computer is made out of bytes, so "byte array" is a very vague expression. for example a string can also be represented as a byte array (like a char array in C). or every byte in your array could represent a character. after that we still don't know which compression/encoding your image data is representing. is it a JPG, PNG, GIF... ? – low_rents Nov 25 '15 at 13:53

How to convert bytes[] to base64 to show image in JavaScript?

0 Answers0