Это видео недоступно.
Сожалеем об этом.

Flutter File Upload - Pick, Crop, and Save Images to the Cloud

Поделиться
HTML-код
  • Опубликовано: 28 июл 2019
  • Upload files with Flutter and Firebase Cloud Storage 🔥🗃️. Learn how to pick, crop, and upload images to a cloud storage bucket. fireship.io/lessons/flutter-f...
    - Cloud Storage firebase.google.com/docs/storage
    - Image Picker pub.dev/packages/image_picker
    - Image Cropper pub.dev/packages/image_cropper
    #flutter #firebase #tutorial
    Don't forget to take the Flutter quizzes 🤓
    iOS itunes.apple.com/us/app/fires...
    Android play.google.com/store/apps/de...
    Upgrade to Fireship PRO at fireship.io/pro
    Use code lORhwXd2 for 25% off your first payment.

Комментарии • 100

  • @loisienyami5095
    @loisienyami5095 5 лет назад +21

    I love your videos. Always straight to the point!

  • @will_abule
    @will_abule 5 лет назад +5

    I love the new background song plus it's nice looking at the old you referring to the picture in the video 😃.

    • @Fireship
      @Fireship  5 лет назад +1

      Haha, was having some fun with FaceApp

  • @davidurbina6555
    @davidurbina6555 5 лет назад +3

    Was literally about to build this feature into my app in the next month. Looks like I can speed up deployment time. Yet again, Thanks

  • @Ondal1
    @Ondal1 4 года назад

    Just added everything here into our app to support profile pictures. Video was a great help :)

  • @enriqueortiz7251
    @enriqueortiz7251 4 года назад

    Great and concise material, tons of functionality in a few lines of code!

  • @shubhamjaiswal3029
    @shubhamjaiswal3029 5 лет назад +1

    Bro your videos are always Next Level!!⚡🤘
    Kudos!!

  • @acarvey
    @acarvey 3 года назад

    This channel is seriously amazing. 👏

  • @Shubham-jr8nc
    @Shubham-jr8nc 5 лет назад

    Firebase I love your videos. Your videos has very advanced topics and like your clean explanation. Your backgroung music and animations are so amazing. You are the best channel of advanced web topics😊😊😎

  • @MistaWu
    @MistaWu 4 года назад

    thanks alot, this saved me a huge deal of stress...

  • @fabriciohernandez3933
    @fabriciohernandez3933 4 года назад

    Thanks for take time to teach this!

  • @lifasibiya4810
    @lifasibiya4810 5 лет назад +1

    Dope video Jeff. You never disappoint

  • @h3w45
    @h3w45 4 года назад

    very cool and simple, thanks.

  • @MichaelRichins
    @MichaelRichins 5 лет назад

    I like the sped up intro and outro

  • @andresacm8453
    @andresacm8453 4 года назад

    Awesome Tutorial.

  • @wmfadel
    @wmfadel 5 лет назад

    your videos makes me hate that youtube allows us to like the video only once, great work 🐱‍🏍.

  • @VincentTornude
    @VincentTornude 5 лет назад

    amazing work as always

  • @makemypetgamedevprocess6475
    @makemypetgamedevprocess6475 3 года назад

    Awesome tutorial, keep it up 👍

  • @Frittenfinger
    @Frittenfinger 2 года назад

    thank you!

  • @firaskudsy
    @firaskudsy 5 лет назад

    Amazing videos .. i was looking for some design patterns and best practices for javascript and u jumped into my head 🙂🙂 .. who would do such videos better than jeff !!! So i will be greedy and ask for that 😏 .. 🙏

  • @rostyslavvolytskyi5959
    @rostyslavvolytskyi5959 5 лет назад +1

    Without a doubt - great video! In addition to this (probably this was covered in other videos) first we need to create Firebase project and add ios app in Firebase Console (console.firebase.google.com/) and then add "GoogleService-Info.plist" file from that project through Xcode (important!) (in developer console run "open ios/Runner.xcworkspace" - opens Xcode) to "./Runner/Runner" folder. Then app starts and works properly. Probably this will be helpful to someone, because I had a lot of troubles with this.:)

  • @mavbcn1790
    @mavbcn1790 4 года назад

    Great video!
    How can I save locally the image I take to use later in the app?
    thanks

  • @KETANRAMTEKE
    @KETANRAMTEKE 5 лет назад

    Thank You 🙏

  • @LifeCasts
    @LifeCasts 5 лет назад

    I love your videos, and all of them are well explained! Can you create a video over running functions in the background after the app is killed, suppose I have a firebstore database and I am showing local notifications every time new data arrives, its works in the foreground for obvious reasons, but i want this check even app is closed! Can we do it?

  • @M4R0Zzz
    @M4R0Zzz 4 года назад

    Great video! One question: how, oh how, to change the color of AppBar in image_picker?? Please

  • @raphaeljaggerd3585
    @raphaeljaggerd3585 4 года назад

    i wanted the uploaded images to be associated with a product e.g a thumbnail. How do i do that?

  • @ChristianJosephs
    @ChristianJosephs 5 лет назад +1

    I just watched all your flutter videos :D OMG! Keep them coming please. They really needed as you speak about topics that no one else is speaking detailed about. E.g. there are people who show you the Provider Package (max) or there are people show you firebase+flutter well (reed) but the combination of both is done by you :D :D thanks a lot!
    Also people learn more about how to market their app with you and use emails or push notifications.
    Also let's continue these movie references :D they are pretty fun.

    • @Fireship
      @Fireship  5 лет назад +2

      Thanks for the feedback! Provider and Firebase make a great combo, expect more in the future :)

    • @ChristianJosephs
      @ChristianJosephs 5 лет назад

      @@Fireship I have one question, do you use the Provider and Firebase combo in your full Flutter paid course? I am thinking about buying it. That would be the main reason I would buy it to be honest :)

    • @Fireship
      @Fireship  5 лет назад

      @@ChristianJosephs yes I do, there multiple videos related to provider in the course.

  • @seunghwanjeong5348
    @seunghwanjeong5348 5 лет назад

    Awesome video :)

  • @zoecarlibur
    @zoecarlibur 5 лет назад

    Hi Jeff, Do have future plans of covering AngularDart?

  • @Spgsites
    @Spgsites 3 года назад +1

    shows error in all those codelines related to toolbar please any solution for that will be really helpful

  • @akmalvideos9201
    @akmalvideos9201 2 года назад

    Very good👍 nice video

  • @fronkkunanonj.2912
    @fronkkunanonj.2912 3 года назад

    that's awesome.for a little problem I can't launch the app on iPhone any help

  • @EddyCaffrey
    @EddyCaffrey 5 лет назад +2

    Great video

    • @Fireship
      @Fireship  5 лет назад

      Thanks for watching :)

  • @arpankaibartya4441
    @arpankaibartya4441 4 года назад

    You helped me a lot!!!! love from India!! hoW CAN I UPLOAD TO ANY API?

  • @ajanieniola9172
    @ajanieniola9172 5 лет назад

    nice one

  • @moazahmed5388
    @moazahmed5388 3 года назад

    thanks for the video , what about Web ?

  • @TopOppTy
    @TopOppTy 5 лет назад

    You are a god

  • @abdnahid
    @abdnahid 5 лет назад

    Excellent Stuff! Can you please tell me what VS Code Icon theme did you use in this video?

    • @Fireship
      @Fireship  5 лет назад

      Atom One Dark + Vs Code Icons

  • @siddarthbhave8642
    @siddarthbhave8642 4 года назад +3

    Use the latest version of the packages. That's very important!!!

    • @jeandelfrate6545
      @jeandelfrate6545 3 года назад

      Would you help me? I updated the packages and now I have errors. Pardon my English.

  • @aliabubakar6989
    @aliabubakar6989 4 года назад +1

    i wrote the code but toobarColor , toolbarWidgetColor, toolbarTitle still showing an error please i need you help

  • @basdfgwe
    @basdfgwe 5 лет назад +1

    Hmmmm ... I didn't receive a notification for this vid.

  • @ersanuysal5847
    @ersanuysal5847 3 года назад

    I want to add a button action so that it can take a photo for my images and one of these images under listview. how can I do it?

  • @Gurpreetsingh-mh2pb
    @Gurpreetsingh-mh2pb 5 лет назад +1

    Amazing content Keep it up...

    • @Fireship
      @Fireship  5 лет назад

      Thank you Gurpreet!

    • @thothtrismegistus929
      @thothtrismegistus929 4 года назад

      @@Fireship what about the extension type? isn't it bad to hardcode the extension type?

  • @pathakvivek7865
    @pathakvivek7865 5 лет назад

    i wonder what your Icon Theme might be.

  • @habibbellia2607
    @habibbellia2607 5 лет назад

    How can i get download link ? please

  • @faizansalam
    @faizansalam 3 года назад

    Is there any plugin to compress the size of image?

  • @seasonmaharjan9103
    @seasonmaharjan9103 4 года назад

    i have done the same thing but the android app crashes at the croping part .. but works on ios ...do you have any idea?

  • @samario_torres
    @samario_torres 4 года назад

    anyone have any resources for downloading the same image back?

  • @vrexperience8762
    @vrexperience8762 4 года назад

    It seems once you close the App and re-open the app then the cropper does not work and shows No implementation found for cropper error. Anyone knows why?

  • @demojoe28
    @demojoe28 10 месяцев назад

    Hey Jeff, can you make a tutorial implementing JWT auth in Flutter with something like Laravel. Thank you.

  • @lotfialmabree1107
    @lotfialmabree1107 4 года назад +2

    source code

  • @adityamiskin6569
    @adityamiskin6569 3 года назад

    What's the editor font??

  • @PaddyM708
    @PaddyM708 3 года назад +1

    Hey could u update the code?
    Some of the code don't work anymore..
    AWESOME VIDEO :) !

  • @ahmedabed6652
    @ahmedabed6652 3 года назад

    is there a way to pick a pdf file?

  • @mvn3949
    @mvn3949 4 года назад

    And how do you delete these images? Looks like once you upload there is no way to delete, there are no tutorials on how to delete images from firebase storage in flutter.

  • @karunsomasundarm9900
    @karunsomasundarm9900 3 года назад

    I am getting an error "field _image must be initialized" and "field _image isnt used".
    How can I solve this?

  • @matthiasgehrmann1573
    @matthiasgehrmann1573 5 лет назад

    wow !

  • @kabagemark6502
    @kabagemark6502 4 года назад +4

    Please remember that Image cropper in Android will not work without adding this in AndroidManifest.xml file . It will crash the app

    • @shawngameplayss
      @shawngameplayss 3 года назад

      bro i did added but it disappears on running app and the app crashes
      please help

  • @sandeep.ranjan_
    @sandeep.ranjan_ 5 лет назад

    Hey
    my image chopper gives error
    java.lang.Class: java.lang.NoClassDefFoundError: Failed resolution of:
    Landroid/support/v7/app/AppCompatActivity;

    • @sirlimitlessjay
      @sirlimitlessjay 4 года назад

      mine too. After cropping it won't go back to page

  • @Surimi888
    @Surimi888 4 года назад

    Works great on iOS but I'm getting an app crash when saving or clearing the cropped image on Android. Any advice?

    • @Surimi888
      @Surimi888 4 года назад

      Need to import the most recent version of image_cropper.

  • @thomasmabika7291
    @thomasmabika7291 5 лет назад

    is it possible to somehow edit images in firebase cloud storage before users download them to their devices?

    • @Fireship
      @Fireship  5 лет назад

      Yes, you can trigger a cloud function for further processing on the server. I have a past video that makes multiple sizes of an image.

  • @ramstar
    @ramstar 4 года назад

    Ran in to Flutter ImagePicker Plugin (No implementation found for method pickImage). Tried everything from github.com/flutter/flutter/issues/17545. But no luck. Any clue?

  • @vacoder
    @vacoder 3 года назад

    Please tell how you copy paste things....!

    • @robertpietraru1939
      @robertpietraru1939 3 года назад

      he just writes them before the video and puts them in a text file

  • @raymondidu
    @raymondidu 4 года назад

    Hello, Please how did you deal with the ... error?

    • @RNAgamingdz
      @RNAgamingdz 4 года назад

      hhhhhhhhhhhhhhhhhhhhhhhhh that's the point

  • @lokijay2036
    @lokijay2036 4 года назад

    I love you

  • @aseemwangoo
    @aseemwangoo 5 лет назад

    You are Nolan of RUclips videos....

  • @darshangowda309
    @darshangowda309 5 лет назад +2

    wait! no more movie references? :O

  • @FocsTube
    @FocsTube 3 года назад

    is there a newer version of this video? this stuff is deprecated

    • @momoniem
      @momoniem 3 года назад

      just use the older version of the packages

  • @vinodYadav-cu8vs
    @vinodYadav-cu8vs 4 года назад

    plse share me code

  • @suprayz5321
    @suprayz5321 3 года назад

    dont work on flutter web

  • @Klazyo
    @Klazyo 3 года назад

    if (uploadTask.state == firebase_storage.TaskState.canceled)
    and u can handle the rest

    • @robertpietraru1939
      @robertpietraru1939 3 года назад

      where

    • @Klazyo
      @Klazyo 3 года назад

      @@robertpietraru1939 they changed IsPaused & IsInProgress & isComplete with what i wrote , just to help the confused people

    • @robertpietraru1939
      @robertpietraru1939 3 года назад

      @@Klazyo oh thank you

  • @marcelocch
    @marcelocch 5 лет назад

    Guys dont forget Ionic 4 fans :(

  • @akhan2501
    @akhan2501 4 года назад

    If you are developing and you don't subscribe to this channel then are you even developing?

  • @nepalcodetv6298
    @nepalcodetv6298 5 лет назад

    i don't why but i absolutely hate firebase i love to create own api