How to upload Images to firebase Storage | Flutter tutorial | Flutter Media

[@CodingwithT]

There are breaking changes in the drag-and-drop package, so please use the URL below to make required changes. codingwitht.com/how-to-upload-images-in-flutter-web-dropzone/

[@mazen-sy7kg]

Thanks to your valuable lessons, I was able to learn Flutter. Truly, your work reflects your passion for the field and your dedication to helping others, which is something rare and special.

[@CodingwithT]

Wow, thank you! You really did an awesome support ❤️

[@Sny17-q6o]

Sir, when we are using Firebase storage, there is an upgrade project coming in it, are there any other options which we can use for free?

[@CodingwithT]

Firebase storage is free. Make sure you didn’t hit their free 1 GB space

[@piyushkumar3997]

The error message is The argument type 'File' can't be assigned to the parameter type 'DropzoneFileInterface this error comes not able to fix help sir

[@CodingwithT]

There are breaking changes in the drag-and-drop package, so please use the URL below to make required changes. codingwitht.com/how-to-upload-images-in-flutter-web-dropzone/

[@조홍재-b2r]

Currently, there is an error in the file of getfiledata in DropzoneView. The error message is The argument type 'File' can't be assigned to the parameter type 'DropzoneFileInterface

[@CodingwithT]

I will check this and get back to you

[@Maxartgraphics]

here is the correction Future selectLocalImages() async { try { // Allow user to select multiple files with specific mime types final files = await dropzoneController.pickFiles(multiple: true, mime: ['image/jpeg', 'image/png']); // Check if files were selected if (files.isNotEmpty) { for (var file in files) { // Ensure the file is of type DropzoneFileInterface if (file is DropzoneFileInterface) { // Convert DropzoneFileInterface to html.File (not directly possible, so handle manually) final htmlFile = html.File([await dropzoneController.getFileData(file)], file.name); // Retrieve the file data (bytes) final bytes = await dropzoneController.getFileData(file); // Create ImageModel for the selected file final image = ImageModel( url: '', // No URL, since it's a local file file: htmlFile, // Store the converted file reference folder: '', // Folder info can be added if necessary filename: file.name, // The file's name localImageToDisplay: Uint8List.fromList(bytes), // Convert the bytes to display locally ); // Add the image to the list for later upload or processing selectedImagesToUpload.add(image); } } } else { // Handle case where no files are selected (optional) print('No files were selected'); } } catch (e) { // Handle any errors that may occur during the file selection or processing print('Error selecting files: $e'); } }

[@TRACHOANGPHO]

@@Maxartgraphics Error selecting files: TypeError: Instance of 'File': type 'File' is not a subtype of type 'DropzoneFileInterface' I try it but I have the error is Error selecting files: TypeError: Instance of 'File': type 'File' is not a subtype of type 'DropzoneFileInterface'

[@munnamia7237]

@@TRACHOANGPHO same problem

[@NicholasOtieno]

When creating the image model dont just pass file as file instead pass file: html.File(bytes, file.name)

[@abhinavsingh-ze1ss]

Sir, when I want to use firebase storage on firebase, there is a payment process, please tell me the process of free testing so that we can use it for testing whenever we create any new project. Firebase is asking to make every bill payment every time, please make a video for testing which we can use for example.

[@CodingwithT]

Firebase storage is free. Make sure you didn’t hit their free 1 GB space

[@dreamlightcitymd940]

Make video on dart vania

[@CodingwithT]

Noted

[@LEARNCOMPUTER-ie6pr]

Sir how we add image in keyboard from app 😊 plz create 1 keyboard app and add any country flag 😢😢plz plz plz plz plz plz . If we add image keyboard then image show on all mobile keyboards plz

[@LEARNCOMPUTER-ie6pr]

Sir how we add image in keyboard from app 😊 plz create 1 keyboard app and add any country flag 😢😢plz plz plz plz plz plz . If we add image keyboard then image show on all mobile keyboards plz

[@LEARNCOMPUTER-ie6pr]

Sir how we add image in keyboard from app 😊 plz create 1 keyboard app and add any country flag 😢😢plz plz plz plz plz plz . If we add image keyboard then image show on all mobile keyboards plz

[@CodingwithT]

Noted

[@LEARNCOMPUTER-ie6pr]

@CodingwithT What's the mean of noted bro? Do you make a keyboard app?