firebase_storage_web

The web implementation offirebase_storage.

Getting Started

To get started with Firebase Storage, pleasesee the documentation

To learn more about Firebase Storage, please visit theFirebase website

Downloading files withgetData()

When usingReference::getData() in the web platform, your bucket must have the correct CORS configuration, or the security mechanisms in the browser willnot let you access the downloaded data, with exceptions similar to:

Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com/v0/b/...example.txt?alt=media&token=1234-4321-1234-4321-12341234' from origin 'http://your-web-app.domain.com:PORT' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

browser_client.dart:87 GET https://firebasestorage.googleapis.com/v0/b/...example.txt?alt=media&token=1234-4321-1234-4321-12341234 net::ERR_FAILED

or

Error: XMLHttpRequest error.    dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 894:28                get currentpackages/http/src/browser_client.dart 84:22                                       <fn>

You need to enable CORS response headers in your Google Cloud Storage Bucket, as described in the following document:

• Firebase > Docs > Guides >Download Files on Web.

In theexample app, ensure there's acors.json file:

firebase_storage/example$ cat cors.json[  {    "origin": ["*"],    "method": ["GET"],    "maxAgeSeconds": 3600  }]

And then, withgsutil:

firebase_storage/example$ gsutil cors set cors.json gs://my-example-bucket.appspot.comSetting CORS on gs://my-example-bucket.appspot.com/...

For much, much more information about CORS in Google Cloud Platform, see:

• Storage products > Cloud Storage > Documentation >Configuring cross-origin resource sharing (CORS)

Libraries

firebase_storage_web