Upload Media /Photos to @Supabase in @FlutterFlow app

I have filter flow developers if you're using Super Bass as your backend in flutter flow this video is free you might want to know about how to upload files photos or media to Super Bass because Superbass also offers storage so let's see how to use it in certain flow first open your supervised dashboard and go to the storage option click on create a new bucket in the bucket name field write a bucket name in my case water flow bucket so our first bucket is created here you can create folders to organize the content you upload from sweater flow you can also manually upload files here and use them in photo flow so let's create a bucket policy for flutter flow for this demo I am going to enable everything but in production make sure to create policies according to your specific needs now opens letter flow let's connect our supervised instance to our filter pro project let's create a page let us create a button for selecting the media file that we want to upload on button open Action editor click add new action search upload select upload and save media in the upload type select super base in the bucket name field we need to enter the name of the bucket that we previously created in supervised in the directory we can specify the location where we want to upload the files like if you want to upload profile pictures create a folder called profile photo or else and use that directory here let's create a folder in our bucket I'm gonna write it profile pic now enter that directory name here in media Source select any method that you want here you can allow video if you want enable this if you want to upload multiple files at once now let's run our app and test if it's working or not as you can see I'm able to upload media files to this directory now let's see how can we access that image after uploading so as you can see in the action flow there is an output variable that we can use let's add an image widget in our page now in image path select widget State then select uploaded media URL it's done let's test it as you can see we are able to upload the image and show in the app thanks for watching the video if it's helped you please like the video your support will encourage me to create more videos like this

Channel: FlutterFlow VIP

Views: 3,783

Keywords: Flutterflow, Supabase, storage, Upload file, Flutterflow Supabase, up, upload photo, upload media supabase

Id: dpoVucT9xng

Length: 3min 14sec (194 seconds)

Published: Sat Sep 09 2023