Flutter Tutorial - Drag And Drop File Upload

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

Рет қаралды 14,045

Күн бұрын

Пікірлер: 41

@HeyFlutter 2 жыл бұрын

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: kzfaq.info/get/bejne/mtOKbLeYntGVY4k.html Download File From Firebase Storage Tutorial: kzfaq.info/get/bejne/j6ePmat0q8WpiZc.html Hive NoSQL Database Tutorial: kzfaq.info/get/bejne/rZ6Tja6entmWYmw.html SQFlite SQL Database Tutorial: kzfaq.info/get/bejne/i9Z7pcuLla7UoJ8.html Drag & Drop Widgets Tutorial: kzfaq.info/get/bejne/eMlgpKViz9qscp8.html Drag & Drop In ListView Tutorial: kzfaq.info/get/bejne/ftOZlKqqy5uZioE.html Drag & Select In GridView Tutorial: kzfaq.info/get/bejne/etWqgaWeyJ2dfGg.html Draggable Modal Bottom Sheet Tutorial: kzfaq.info/get/bejne/d9BxhMqdr7HHkmg.html Draggable Scrollable Sheet Tutorial: kzfaq.info/get/bejne/sMdpfdJqnsfLYps.html Flutter Upgrade Tutorial: kzfaq.info/get/bejne/ZrdzarZi07vRoI0.html QR Code Scanner Tutorial: kzfaq.info/get/bejne/nq6Vm6x4y77DqYk.html Barcode Scanner Tutorial: kzfaq.info/get/bejne/oNGhhZp0uMvdfqc.html Google SignIn With Firebase Tutorial: kzfaq.info/get/bejne/Z9FdmqyFv6edc30.html Fix Bottom Overflowed By Pixels Tutorial: kzfaq.info/get/bejne/rNVxhdKHu8WpdH0.html Flutter Layout Basics Tutorial: kzfaq.info/get/bejne/r7-oqMiFs6-onHU.html Create Invoice PDF Document Tutorial: kzfaq.info/get/bejne/sMVlq86ZqtHHZY0.html

@heyhey_candra 2 жыл бұрын

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

@freakout6764 3 жыл бұрын

Another awesome video i learn a new thing 😁

@idlevandal69 3 жыл бұрын

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

@PaulMcKillop 3 жыл бұрын

Brilliant, Johannes.

@h3w45 3 жыл бұрын

Thanks for covering this.

@shivamrathore8009 3 жыл бұрын

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

@rohitkumarsir387 3 жыл бұрын

Respect Sir ji i have questions that Fast time open to KZfaq Show (dialog) after video (data) Them Click search icon in KZfaq 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

@curetothecommoncode5921 2 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

Thank you, CuretotheCommonCode! 🙂

@abubakernawaz625 3 жыл бұрын

Awesome video keep it up

@hashankannangara8723 3 жыл бұрын

Thats awsome ❤️

@eNONO-ot4zh 3 жыл бұрын

Waouh. Thank 👍👍

@bernardang5660 2 жыл бұрын

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?

@stickman4098 2 жыл бұрын

can I only allow to upload one file

@shivasundarabalajijm6639 2 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

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

@inU_music 3 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

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

@Sj-rj5pp 3 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

Thanks, Sj! 🙂 You can simply upload it with Firebase Storage. Learn more about it here: kzfaq.info/get/bejne/mtOKbLeYntGVY4k.html Simply upload the file like this: final html.File file = YOUR_FILE_HERE; FirebaseStorage.instance.ref('...').putBlob(file);

@bestellannahme1789 2 жыл бұрын

@@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

@whoadityanawandar Жыл бұрын

Would this work on mobile?

@HeyFlutter Жыл бұрын

Thank you, whoadityanawandar! 🙂. Yes it will.

@SubodhKumar-mh7ni 2 жыл бұрын

How to restrict for drop can accept only xlsx file.

@HeyFlutter 2 жыл бұрын

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 🙂

@user-yg5wn3pl5l Жыл бұрын

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

@mgmyo7066 3 жыл бұрын

please make a video of responsive design

@HeyFlutter 2 жыл бұрын

Thank you, ! 🙂👍 Check out this video about Responsive UI Text Layout - Auto Size Text kzfaq.info/get/bejne/ZrWPpKeLmZ6qZ6M.html Flutter Web Chat UI With StreamChat Response Web App 3/3 kzfaq.info/get/bejne/sNCWfcSayNOwg30.html

@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