Flutter web can’t load network image from another domain

by

For being able to display your images from any other Domain or from Firebase Storage on a Flutter web page you have to configure your data for CORS.

  1. Open the GCP console, select your project and start a cloud terminal session by clicking the >_ icon button in the top navbar.

  2. Click the open editor button (pencil icon), then create the cors.json file.

The cors.json file should look like this:

[
  {
    "origin": ["*"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]

I set the origin to * which means that every website can display your images. But you can also insert the domain of your website there to restrict access.

  1. Run gsutil cors set cors.json gs://your-bucket

If you need more information: https://cloud.google.com/storage/docs/configuring-cors

More Related Contents:

  1. How to import platform specific dependency in Flutter/Dart? (Combine Web with Android/iOS)
  2. XMLHttpRequest error in flutter web [Enabling CORS AWS API gateway]
  3. Scroll Function In Flutter Web
  4. Flutter API Fetch and Sending Data from One screen to another screen
  5. How can I navigate between 2 classes, one of them requires passing data? in flutter
  6. How to remove hash (#) from URL in Flutter web
  7. How can a named route have URL parameters in flutter web?
  8. How to save and download text file in Flutter web application
  9. Null check operator used on a null value
  10. Flutter – ClipPath
  11. How to update state of a ModalBottomSheet in Flutter?
  12. I want to put my listview inside a dropdownbottom
  13. Cannot run with sound null safety because dependencies don’t support null safety
  14. Flutter, late keyword with declaration
  15. How to Determine Screen Height and Width
  16. Duplicate GlobalKey detected in widget tree
  17. Listview filter search in Flutter
  18. Error: Unable to ‘pub upgrade’ flutter tool. Retrying in five seconds
  19. Not possible to extend TextField in Flutter?
  20. How to hide soft input keyboard on flutter after clicking outside TextField/anywhere on screen?
  21. Flutter: BottomNavigationBar rebuilds Page on change of tab
  22. Flutter url_launcher Unhandled Exception: Could not launch youtube url (Caused by canLaunch)
  23. How to download a file and store it in Downloads folder using Flutter
  24. How to dynamically resize text in Flutter?
  25. How to set size to CircularProgressIndicator?
  26. Preserving state between tab view pages
  27. Flutter – How can I dynamically show or hide App Bars on pages
  28. How to build APK with no sound null safety
  29. Flutter: inverted ClipOval
  30. Dart: Is there a disadvantage to using const constructor?

Leave a Comment