:
So you got this API that lets you upload all sorts of file images, videos, PDFs and any
other files. But now you're wondering how to do that in Flutterflow, right? Well, let's deep dive
and figure it out. For this demo, I will be using PocketBase. and in pocket base, I have a user's
table that includes a column for profile pictures. We want to upload the profile picture from
Flutterflow. So here in the API docs, you can see that file upload is supported only via multi-part
form data. So let's open our project and set up the UI. So I have created this UI. Here I want to
allow users to preview the selected photo before uploading it. So now select the upload button.
open action editor, add action, search upload, select upload and save media, in the upload type,
select local upload, now let's use the uploaded image in the image widget, select the image
widget, in the image type, selection, choose uploaded file, Currently, we have the ability to
select a media file and display it within our app. Now, let's set up our API call to upload the image
to our backend. Open the API call. Add API call. select post method. now go to the body section and select multi-part
under the body selection add a parameter with the name avatar or any other relevant parameter
name in value source select variable then create a new variable now go to the variable tab in
the variable type selection select uploaded file and save it let's back to our UI page now
select save changes button add a new action select API calls select your API that we created
let's set variable in the variable name, select author in value, in value, select from variable
select widget state, select uploaded local file now let's add a snake bar to notify users
that image is uploaded now let's test the app As you can see after selecting an image, it's
displaying in the UI. Now let's upload the image to our backend. Click on save changes. Let's
see in our backend if it's uploaded or not. Yep, it's worked. Here you can see the uploaded media
file. With this method, you can upload any file to any backend that supports upload types like
multi-form. Thanks for watching. If this video has been helpful to you in any way, I'd really
appreciate if you could give it a thumbs up and consider subscribing for more awesome content
like this. And hey, keep building awesome apps.
