Forum | Appery.io

It isn't stored in the variable ''value''.

Value only holds my image string in Base64.

Here is screenshot of layout:

Here is a screenshot of my mapping:

Here is the Javascript applied to the Asset:

I can't get rid of the "no image" icon.

Also if you have any idea on how I can fix the displaying of my image after rotation. The image rotates correctly and displays over the grid cell.

I set the width and height to the opposite values which works when I test in browser, but on my device it doesn't work. The image is tiny on my device and the container border is displayed over the grid cell on my phone.

I would love to upgrade my package to a paid package, but if I can't correct these issues it wouldn't make sense. Your support has been fantastic and I hope we can figure these problems out.

Hello Dylan,

You don't need decode your image value and insert in to the element.
Use follow JS instead of yours:
pre
if (value){
$(element).css('background', 'url(' + value + ')');
$(element).css('background-repeat', 'no-repead');
$(element).css('background-size', 'contain');
$(element).css('background-position', 'center center');
$(element).attr('src','');
} else {
$(element).hide();
}
/pre

That code didn't work. I still have the no-image icon and now my image is not displaying.

Here is the start of value of one of my Base64 images (to show that it doesn't contain - data:image/jpeg;base64):

/9j/4AAQSkZJRgABAQAAAQABAAD/4QBYRXhpZgAATU0AKgAAAAgAAgESAAMAAAABAAYAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAADwKADAAQAAAABAAAC0AAAAAD....

Hi Dylan,

Please post app public link and tell how to run the code.

http://appery.io/app/mobile-frame?src...

Open Link, wait for feed to load. Images will display like I've mentioned above.

If you don't see the images, just scroll down through the list.

Hi Dylan.

Sorry but your link not show a list.

Please see screen shots:

http://prntscr.com/3iqe7x/direct

http://prntscr.com/3iqemn/direct

Regards.

Sorry, it should be fine now. I bypassed the login screen, but forgot that the script on yourside wouldn't load without login details.

Just click login, I've pre-populated the fields: http://appery.io/app/mobile-frame?src...

Hello Dylan,

You logic should be next:
code
if (value) {
return "data:image;base64," + value;
} else {
$(element).hide();
return value;
} /code

Thank You Evgene!!! This worked, and I understand why this is the correct method.