Flutter Tutorial - Drag And Drop File Upload | Drop Files Into Dropzone

[@HeyFlutter]

This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/dropzone_example
Upload File To Firebase Storage Tutorial: ruclips.net/video/dmZ9Tg9k13U/видео.html
Download File From Firebase Storage Tutorial: ruclips.net/video/YA_fHCF_EYc/видео.html
Hive NoSQL Database Tutorial: ruclips.net/video/w8cZKm9s228/видео.html
SQFlite SQL Database Tutorial: ruclips.net/video/UpKrhZ0Hppk/видео.html
Drag & Drop Widgets Tutorial: ruclips.net/video/Bc0qB1jtHBk/видео.html
Drag & Drop In ListView Tutorial: ruclips.net/video/HmiaGyf55ZM/видео.html
Drag & Select In GridView Tutorial: ruclips.net/video/DozNBmc79L4/видео.html
Draggable Modal Bottom Sheet Tutorial: ruclips.net/video/AjAQglJKcb4/видео.html
Draggable Scrollable Sheet Tutorial: ruclips.net/video/za9Jo99ag2g/видео.html
Flutter Upgrade Tutorial: ruclips.net/video/0QC7S1nUmpY/видео.html
QR Code Scanner Tutorial: ruclips.net/video/hHehIGfX_yU/видео.html
Barcode Scanner Tutorial: ruclips.net/video/jkqR7CSeyNs/видео.html
Google SignIn With Firebase Tutorial: ruclips.net/video/1k-gITZA9CI/видео.html
Fix Bottom Overflowed By Pixels Tutorial: ruclips.net/video/voARoVV_EDI/видео.html
Flutter Layout Basics Tutorial: ruclips.net/video/yYxueTNIDlA/видео.html
Create Invoice PDF Document Tutorial: ruclips.net/video/z_5xkhEkc5Y/видео.html

[@heyhey_candra]

a lovely tutorial. this is just what I need. sensational.

[@PaulMcKillop]

Brilliant, Johannes.

[@freakout6764]

Another awesome video i learn a new thing 😁

[@h3w45]

Thanks for covering this.

[@idlevandal69]

Another exceptional tutorial... Thank you... 🏆

[@shivamrathore8009]

Awesome brother. Expecting a lot of good content from you in the future..

[@Playerofplayconsole]

Respect Sir ji
i have questions that
Fast time open to RUclips
Show (dialog) after video (data)
Them
Click search icon in RUclips
Back to go home page
But
This time not show (dialog)
Direct show (videos)data
How can do it
Use (like ..stream builder... future Builder) your choice

[@bernardang5660]

hello, By any chance, can this work with multiple files, as long as displaying details of those multiple files

[@peterirving9458]

hey Bernard, did you get anywhere with this?

[@curetothecommoncode5921]

yo love the video! thanks for the knowledge share, keep it up!

[@HeyFlutter]

Thank you, CuretotheCommonCode! 🙂

[@abubakernawaz625]

Awesome video keep it up

[@inU_music]

Awesome video, where do you put Firebase Upload Code please?

[@HeyFlutter]

Thank You INU Music! Follow this link: github.com/sponsors/JohannesMilke
I hope you will get your answer 🙂

[@whoadityanawandar]

Would this work on mobile?

[@HeyFlutter]

Thank you, whoadityanawandar! 🙂. Yes it will.

[@stickman4098]

can I only allow to upload one file

[@hashankannangara8723]

Thats awsome ❤️

[@mgmyo7066]

please make a video of responsive design

[@HeyFlutter]

Thank you, ! 🙂👍 Check out this video about
Responsive UI Text Layout - Auto Size Text
ruclips.net/video/0O_qDZ48F7o/видео.html
Flutter Web Chat UI With StreamChat Response Web App 3/3
ruclips.net/video/zjfJaicmLSI/видео.html

[@Sj-rj5pp]

Sir how to convert it into a file object so that I can upload it on firebase storage?

[@HeyFlutter]

Thanks, Sj! 🙂 You can simply upload it with Firebase Storage. Learn more about it here: ruclips.net/video/dmZ9Tg9k13U/видео.html
Simply upload the file like this:
final html.File file = YOUR_FILE_HERE;
FirebaseStorage.instance.ref('...').putBlob(file);

[@ferrari.nikita33]

@@HeyFlutter did you try that? It seems that putBlob isnt supported on native platforms
UnimplementedError: putBlob() is not supported on native platforms
In order to get it to work you need to convert the blob or the file, how you like to name it, to an Uint8List and simply pass that in the putData() method

[@shivasundarabalajijm6639]

I drag mulipe file to drop. show only the last file how to show all file in preview page

[@HeyFlutter]

Thank You SHIVA SUNDARA BALAJI J M! Follow this link: pub.dev/packages/flutter_dropzone
I hope you will get your answer 🙂

[@SubodhKumar-mh7ni]

How to restrict for drop can accept only xlsx file.

[@HeyFlutter]

Thank You Subodh Kumar! Follow this link: medium.com/flutter-community/a-deep-dive-into-draggable-and-dragtarget-in-flutter-487919f6f1e4
I hope you will get your answer 🙂

[@eNONO-ot4zh]

Waouh. Thank 👍👍

[@SteveBraich]

I requested access to your code. I haven't received an email yet.

[@HeyFlutter]

Thank You @user-yg5wn3pl5l!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@jayamuruganj5091]

Pls make a simple video to run python script into flutter

[@muhammadhammadkhan4184]

How to change app icon android & iOS + web (top left corner) icon + desktop (if possible) in a next video .

[@muhammadhammadkhan4184]

All possible ways

[@muhammadhammadkhan4184]

Nice ! Your's welcome :),@@HeyFlutter how change flutter logo top left side on browser (chrome | Edge) I. Flutter web.

[@saratm9973]

I had already accessed and requested you but you don't respond it. Can you please share source code?

[@HeyFlutter]

Thank You Sarat M!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@pritomchaki4461]

how u upload videos, what I need? :)

[@HeyFlutter]

Thanks, Pritom Chaki! 🙂Simply upload videos / images with Firebase Storage: ruclips.net/video/dmZ9Tg9k13U/видео.html