Go back to 8base Academy
September 16, 2022

Uploading and Displaying an Image in App Builder


Sebastian Scholl (00:01)
Hi. My name is Sebastian, and in this video, we're going to look at how you can upload and then display an image in App Builder. When it comes to images or any type of file like videos or PDFs in App Builder, you're going to be using assets this as the location where you go to upload these and essentially know that any asset that you include in your project is essentially treated like a static file, meaning that it's bundled with the application and then stored as a file with your application. If I go here to add asset, I can upload image or any file from my computer or using a direct link. I'm just going to go ahead and select this one image that I have on my desktop. Once that uploads, it's now part of my asset library. Now what I can do is I can go use that inside of an image component. I'm going to go ahead and look for the image component. I can drop that on the screen. Once that's there, I can go to my properties, and for an image component, I could pass it directly a URL to some type of image or asset on the web.

Sebastian Scholl (01:03)
However, I'm going to go ahead and click this little button here, which then opens up, essentially a condensed view of my assets. Click on asset or the asset that I want to choose, and then that's going to go ahead and display in that component. From there, if I want, I can go about setting on or setting different properties on that image or go through styling and style it. I hope that this gave you some clarity around how static files or assets are treated inside of App builder. If you have any questions, please ask them in the comments below and looking forward to seeing you in future videos.

Share this post on social media!

Ready to try 8base?

We're excited about helping you achieve amazing results.