byte array image src nativescript

Question

In nativescript(with angular) is there any way to set the src of an image from the response of a web api call that returns the image as byte array/base64? There is not to much documentation, and I need to see the html and .ts files from a simple example, I have no code to paste here now.

bhavin jalodara · Accepted Answer · 2018-05-28 05:29:49Z

1

you need to first create ImageSource form base64 string and then assign that imageSource to Image Native Element.

let imageSource = new ImageSource();
let loadedSource64 = imageSource.loadFromBase64(BASE_64_STRING_FROM_API_CALL);
if (loadedSource64 ) {
    let image= <Image>this.imageElement.nativeElement;
    image.imageSource = this.imageSource;
}

answered May 28, 2018 at 5:29

bhavin jalodara

1,53012 silver badges13 bronze badges

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

2 Comments

Madalin Sisu Over a year ago

loadedSource64 is true, and it seems that the imageSource has a value (width and height are correct), but nothing happens on the screen, the image is not shown

Madalin Sisu Over a year ago

update: it was my fault, the imageElement in my case was not the right object

Collectives™ on Stack Overflow

byte array image src nativescript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related