Transcript

In this Quick Tip, we're going to learn about the picture uploader element. If you want your users to upload an image, like a profile picture, the picture uploader element is what you need!

When we draw this on the page we get an uploader. When the user clicks the uploader, they'll be able to pick an image to upload. Once the image is uploaded, the element will display the image.

Uploading the image from this button immediately saves it to your app's file manager, which adds it to your app but not to a thing in your database. Once the user has uploaded an image, you can trigger a workflow to save it to a custom field of type image, like the user's profile picture.

Images that are uploaded through the picture uploader element are public by default, unless you attach them to a data type and a subsequent privacy rule. To do so, you'll select Make this file private in the picture uploader element's property editor, and from there, you can attach it to Current User or any other data type that you search for. You would then create the privacy rule for that data type and make sure that whoever meets the rule can View attached files.

Uploading pictures is a great way to make social applications, and with this input element, you can build that app in no time.

That's it for this Quick Tip! For more, be sure to check out bubble.io/academy.