Тёмный

How to Upload a Photo/Video to Flutterflow Apps 

FlutterFlow
Подписаться 76 тыс.
Просмотров 57 тыс.
50% 1

In this tutorial we will show you how to use an action to add photo/video to your application. We will be performing this tutorial in a create flow, and show you how we use a container to set a background image for an "empty" state of the cover photo, how to hook up an image to an action that allows you to upload a photo. When uploading a photo you can choose 1 of 3 options from your Camera, Gallery or Either Camera or Gallery.
We choose Either Camera or Gallery and setup the design elements that will appear in your app when a user interacts with that element.
//
FlutterFlow is a low-code builder for developing native mobile applications. You can use our simple drag and drop interface to build your app 10x faster than traditional development. In order to build your custom app fast, build visually, connect a scalable backend, & export Flutter and DART code. When you’re ready to launch, deploy directly to the App Store for both iOS & Android devices.
Start Building Differently: flutterflow.io

Опубликовано:

 

10 сен 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 70   
@31fpsinc17
@31fpsinc17 2 года назад
One important thing to make this work: the upload action is NOT set on the image element, it should be set on another widget, such as the parent container for example. Then it becomes possible to set the image path of the image element to Widget State > UploadedFileURL It took me a while to figure this.
@krzysztofperkowski992
@krzysztofperkowski992 2 года назад
Thanks a lot for this tip, saved me a lot of hours of investigation
@mazenalsakkaf
@mazenalsakkaf 2 года назад
Thanks a million!
@sciencebabyy
@sciencebabyy Год назад
I put an image element in a container but it still doesn't show up. Do they get an update?
@BCSANFAM
@BCSANFAM 11 месяцев назад
@@sciencebabyysame issue here
@somebody2409
@somebody2409 11 месяцев назад
@@sciencebabyy Same
@user-yb1vo4ts7h
@user-yb1vo4ts7h 5 месяцев назад
finally.. found the exact video needed for my issue
@terrygilligan790
@terrygilligan790 2 года назад
Really nice video. Thank you for taking the trouble to upload. Please keep the voice commentary as it Really helps us visually challenged. 😉
@sarahmellouki1514
@sarahmellouki1514 2 года назад
It doesn't work... You don't go through the whole process and don't show the result at the end... I have been wrestling with that option for days and still haven't found any solution to upload a picture from camera.
@adrianpradzioch5193
@adrianpradzioch5193 Год назад
What's the point of making a video which confuses users so much
@ChikulayevMedia
@ChikulayevMedia 2 года назад
How to attach multiple files when field in DB marked as list? On creation there possible only once to define parameter. Multiple update of the same table also is blocked
@avalons343
@avalons343 Год назад
This option doesn't seems present in the current version of flutterflow. what is the current flow?
@juanhoyos4492
@juanhoyos4492 2 года назад
Can you show in a new video how the image is uploaded? When I try to upload the variable, everything looks fine but the FB is empty, and the picture is not store anywhere. what I am missing?
@dhruvdjain
@dhruvdjain 2 года назад
Even i am having the same problem
@sarahmellouki1514
@sarahmellouki1514 2 года назад
Same issue here. Have you found the solution ?
@dhruvdjain
@dhruvdjain 2 года назад
@@sarahmellouki1514 I actually used a different technique and it actually worked
@sarahmellouki1514
@sarahmellouki1514 2 года назад
@@dhruvdjain can you please share your technique ?
@shaharyarkhan7553
@shaharyarkhan7553 2 года назад
@@dhruvdjain How brother?
@alexxlem
@alexxlem Год назад
Can we save the image in a Xano backend?
@rogermortimer111
@rogermortimer111 Год назад
Is this for "users" of your app to upload photos or the Admin to upload photos/videos?
@teodorchirileanu
@teodorchirileanu 2 года назад
Thx
@ConsumeElectro
@ConsumeElectro Год назад
Thank you, but how to crop the image as a user?
@youtubers
@youtubers 7 дней назад
uploading both images and video is important too, but we are choose images or video, is there solution please?
@metodosagaz7533
@metodosagaz7533 2 года назад
saludos. puedes decirme en que parte de los43 pasos de tu curso viene dicha información. gracias.
@josechava2072
@josechava2072 Год назад
Esto funciona también para la foto de perfil? Gracias por la atención.....estoy aprendiendo....
@jigga_pops4000
@jigga_pops4000 Год назад
How you set the limit on how long a video can be ???
@BrenoNayce
@BrenoNayce 4 месяца назад
Tanks
@codagetech1547
@codagetech1547 2 года назад
Good
@marcosaimola
@marcosaimola Год назад
Tks for sharing! How to work with multiple images instead of only one?
@FlutterFlow
@FlutterFlow Год назад
Hi Marcos. This video is a bit out of date. Multiple image uploads are now supported.
@P0lymathy
@P0lymathy Год назад
Any links or resources to solve this error? Firebase Storage Security Rules Error on Image: User is not authorized to perform the desired action.
@mariusk4593
@mariusk4593 8 месяцев назад
Well everything works fine until the BottomTab opens itself, i then get to chose on web view from Gallery / Camera and on Mobile just for Gallery, but both buttons just don't do anything when being pressed, not opening camera nor gallery, help pls
@Actidle
@Actidle 10 месяцев назад
1:36 i Cant click confirm, because need default variable value, how to fix it?
@goummoboris5194
@goummoboris5194 10 месяцев назад
Looks like that section of the video was edited because his placeholder appears automatically...
@Actidle
@Actidle 10 месяцев назад
no problem, i already change method via firebase, not localy, Thank You@@goummoboris5194
@bizidsayadiimen1402
@bizidsayadiimen1402 2 года назад
you can complete the Full Address field please
@bookcursory
@bookcursory 10 месяцев назад
Can we get template of this page?
@karljosh16
@karljosh16 2 года назад
but it doesnt work on run mode tho
@Towbiejas
@Towbiejas 2 года назад
☝️invalid file format: null
@nursyamsuwaisalqorni8857
@nursyamsuwaisalqorni8857 2 года назад
valid
@somebody2409
@somebody2409 Год назад
How do you upload a photo from scratch? From a blank screen?
@user-jx4wv9ee8b
@user-jx4wv9ee8b 6 месяцев назад
My brother, can you help me? I have a project. I am a student in a project. I was asked to send an audio clip from User to the Supabase database. How can I send help?
@PA20243
@PA20243 11 дней назад
Is this work now in FF? I can't create it. Damn FF is not intuitive.
@seekersaurabh
@seekersaurabh 7 месяцев назад
How can we upload images from Unsplash with help of API?
@mohamedfarid7499
@mohamedfarid7499 Год назад
we need compare flutterflow and sketchware
@dementovoid2255
@dementovoid2255 Год назад
Uploaded File URL does not show up for me, it only shows uploaded local file (bytes). Is there any possible fixes for this?
@ahmedyehia4846
@ahmedyehia4846 Год назад
same problem
@KenWongKK
@KenWongKK Год назад
Same
@KenWongKK
@KenWongKK Год назад
You need to upload image to firebase first and then it'll return the url. See 'type of uploads' in flutterflow docs for more info
@ahmedyehia4846
@ahmedyehia4846 Год назад
@@KenWongKK yes you're right
@amaniparris
@amaniparris 8 месяцев назад
upload file url is not there
@ericsliger8208
@ericsliger8208 Год назад
I am not a coder. My apology, but just a layman trying to self teach. I have been at this for an hour and nothing you show here is working. I am certain this is my inability to understand. Is there another video you can show me to be certain I can upload my own photos? Every time I try, it populates some random photo into the image field. It also does not provide me with an option to upload any photo, in the right hand side navigation tools.
@say5s
@say5s 2 года назад
We need how upload files pdf And all types files
@ChrisLaupama
@ChrisLaupama 2 года назад
Yeah keen on this too! Audio, PDF etc
@protechgpu2569
@protechgpu2569 2 года назад
@@ChrisLaupama did you figure out how to do a PDF?
@ChrisLaupama
@ChrisLaupama 2 года назад
@@protechgpu2569 I haven’t dived into it yet, however I will be spending more time in FlutterFlow and will investigate! Will let you know once I have more info.
@mauromiotello
@mauromiotello Год назад
With FF 2.1 this tutorial is no more valid :(
@GeminiMaddnezz864lyfe
@GeminiMaddnezz864lyfe 9 месяцев назад
these videos always stop short of whatever you was trying to achieve. Uploading video and images are pretty simple. How about uloading via firebase and then showing it on a profile ont he next page or something
@bridgette9367
@bridgette9367 9 месяцев назад
Did you already figure it out? I have the same question.
@GeminiMaddnezz864lyfe
@GeminiMaddnezz864lyfe 9 месяцев назад
@@bridgette9367 to some degree I did, but I'm still having issues with it being consistent and not just pulling random photos from storage
@bridgette9367
@bridgette9367 9 месяцев назад
I wasn't able to export the project yet so I don't know if that works. Hopefully yes.
@joaquinH-oe8eu
@joaquinH-oe8eu Год назад
Es importante que tengas la autenticación habilitada y la colección users
@joaquinH-oe8eu
@joaquinH-oe8eu Год назад
sino no te aparecera el upload file url
@guyfeigin1543
@guyfeigin1543 9 месяцев назад
very BAD explanation. sorry...
Далее
How to Build a CoffeeShop App with No-Code/Low-Code
26:15
How to Execute API Calls
18:43
Просмотров 36 тыс.
Image | Widget #3 | FlutterFlow Academy
5:55
Просмотров 11 тыс.
How to Filter Data in FlutterFlow - Part 1
6:26
Просмотров 24 тыс.