Google Cloud now has an inline editor to make this process even easier. No need to install anything on your local system. Open the GCP console and start a cloud terminal session by clicking the >_ icon button in the top navbar. Click the pencil icon to open the editor, then create the cors.json file. Run gsutil cors set cors.json gs://example.appspot.com
@@bobleeswa hi bro, ill try to explain 1-Go to console.cloud.google.com/ 2-choose the project 3-click the >_ icon(next to the search bar) 4-click the "Open Editor (Pencil Icon)" // After that, it said "We can't load the code editor here because third-party cookies are disabled" then i clicked "Open in a new window. 5-Click File>New File>cors.json , then write these that cors.json [ { "origin": ["*"], "method": ["GET"], "maxAgeSeconds": 3600 } ] 6-Click Terminal and run gsutil cors set cors.json gs://example.appspot.com
"File" packages have 2 different sources "dart:html" and "dart:io" so if you are using/building a web application you will have to use "dart:html" for the file package but the .putfile() take the argument as "dart.io" only. To solve this problem use .putBlob() instead of .putFile or .put()
Really good tutorial! I'd like more content on Flutter Web, there isnt much on the topic. Maybe best packages to use for Web? I've also been wondering, once you make a web project, how easy is it to convert it to a mobile project?
Amazing overall quality of this video, totally didn't expect that, wow!
Glad you liked it!
Thank you so much, I had much trouble trying to upload an image on web.
Thanks a lot it all worked for me 😁
Thank you for this! You explain things very well
Thanks a lot bro. what shortcut did u use there to hold the line and move it? 23:16
How can improve the image quality. I am putting in in a small container although it's very pixelated
Please create videos on flutter hook and riverpod
thank you very much.
This is so helpful, would you mind updating it? I know there have been some changes to firebase. Thank you.
I need some help :/ cant download from firebase storage
no 'access-control-allow-origin' header is present on the requested resource"
Google Cloud now has an inline editor to make this process even easier. No need to install anything on your local system.
Open the GCP console and start a cloud terminal session by clicking the >_ icon button in the top navbar.
Click the pencil icon to open the editor, then create the cors.json file.
Run gsutil cors set cors.json gs://example.appspot.com
@@haplesz Can you helpme with this? I'm having the same problem. I've tried everything!
@@bobleeswa hi bro, ill try to explain
1-Go to console.cloud.google.com/
2-choose the project
3-click the >_ icon(next to the search bar)
4-click the "Open Editor (Pencil Icon)" // After that, it said "We can't load the code editor here because third-party cookies are disabled" then i clicked "Open in a new window.
5-Click File>New File>cors.json , then write these that cors.json
[
{
"origin": ["*"],
"method": ["GET"],
"maxAgeSeconds": 3600
}
]
6-Click Terminal and run gsutil cors set cors.json gs://example.appspot.com
@@haplesz thanks for your help. I was able to solve it installing gsuit on windows and through CLI with the cmd
@@bobleeswa ur welcome, GCP console is useful for who dont want to install sth more :D
Can you show how to display the selected image before uploading.
How to delete img from firebase storage in web
Thank you!!
You're welcome!
How to use image_picker or file_picker to upload image on flutter web
I have this same question now since image_picker supports web.
Hey, when i try to upload it say Expected a value of type 'File', but got one of type 'File$'
,
any suggestions?
Very nice tutorial btw
I face this same issue..Any solutions?
"File" packages have 2 different sources "dart:html" and "dart:io" so if you are using/building a web application you will have to use "dart:html" for the file package but the .putfile() take the argument as "dart.io" only. To solve this problem use .putBlob() instead of .putFile or .put()
@Saswat Nayak that won't work..that too gives an error..
@@joelphilip2942 Did you solved File$ problem?
Can you please explain how to compress image before uploading?
It doesn't work in safari just with google chrome why ?
Good job but I have a question about uploading pdf files 🤔🤔
Really good tutorial! I'd like more content on Flutter Web, there isnt much on the topic. Maybe best packages to use for Web? I've also been wondering, once you make a web project, how easy is it to convert it to a mobile project?
Your welcome. That's a good idea on what packages to use for web. It is as you are using the same codebase for Web, Android and iOS
getting an error; -
A value of type 'FileUploadInputElement' can't be assigned to a variable of type 'InputElement'.
InputElement uploadInput = FileUploadInputElement() as InputElement
..accept = "image/*";
use this
Hello Sir,, can you please make an update on this tutorial??
Everything seems outdated
Displaying the image Not working☹️
Great stuff.... but...... THIS is a slash: / THIS is a backslash: \.
my life is a lie
import 'package:firebase/firebase.dart'; doesn't work , it says target of url doesn't exist ???