Flutter WEB uploading image to Firebase Storage

[onurc4kir]

Flutter 2 announced just few days ago and some packages updated for web like Image Picker. I'm trying to get image and upload it to cloud storage. Image picker working very well but when

I want to upload image to storage it gives me when I try putFile:

Unsupported operation: Platform._operatingSystem

When I use putData

Unsupported operation: _Namespace

Service Class:

    class FirebaseStorageService {
      final FirebaseStorage _firebaseStorage = FirebaseStorage.instance;
      Reference _storageReference;
    
        Future<String> uploadProfilePicture(
      String userID, File uploadingImage) async {
    _storageReference = _firebaseStorage
        .ref()
        .child(userID)
        .child('images')
        .child("profile-photo.jpeg");
    if (kIsWeb) {
    
      final uploadTask = _storageReference.putData(
          await uploadingImage.readAsBytes());

      final url = await (await uploadTask).ref.getDownloadURL();

      return url;
    } else {
      final uploadTask = _storageReference.putFile(uploadingImage);

      final url = await (await uploadTask).ref.getDownloadURL();

      return url;
    }
  }
    }

I tried flutter clean and flutter upgrade. I also searched old questions and some of them used html.File instead of dart:io library but firebase_storage:7.0.0 package only accept File class which is from dart:io library.
Code work on Android and IOS but not web.

Flutter doctor

[✓] Flutter (Channel stable, 2.0.1, on macOS 11.2.2 20D80 darwin-x64, locale en-TR)
    • Flutter version 2.0.1 at /Users/onur/Developer/flutter
    • Framework revision c5a4b4029c (5 days ago), 2021-03-04 09:47:48 -0800
    • Engine revision 40441def69
    • Dart version 2.12.0

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/onur/Library/Android/sdk
    • Platform android-30, build-tools 30.0.2
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.4, Build version 12D4e
    • CocoaPods version 1.10.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)

[✓] VS Code (version 1.54.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.20.0

[✓] Connected device (1 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 89.0.4389.82

• No issues found!

[viniciusddrft]

I had the same bug

[Peetee06]

I have the same issue. Did you find a solution?