I have an issue with photos not loading into my app, continued.....

[Dylan Holshausen]

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.

[Serhii Kulibaba]

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

[Dylan Holshausen]

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....

[Kateryna Grynko]

Hi Dylan,

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

[Dylan Holshausen]

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

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

[Dylan Holshausen]

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

[Yurii Orishchuk]

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.

[Dylan Holshausen]

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...

[Evgene Karachevtsev]

Hello Dylan,

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

[Dylan Holshausen]

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