Error while writing in firebase - Blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Future<String?> uploadImageFromURLToFirebase(
  BuildContext context,
  String imageUrl,
  DocumentReference fragmentID,
) async {
  // Add your function code here!

  try {
    // Log the start of the process
    String decodedUrl = Uri.decodeFull(imageUrl);
    final response = await http.get(Uri.parse(decodedUrl));

    if (response.statusCode == 200) {
      // Log successful download
      // Decode the URL to handle any encoded characters
      // Find the position of the last dot before the question mark
      int questionMarkIndex = decodedUrl.indexOf('?');
      if (questionMarkIndex == -1) {
        throw Exception('No query parameters found in the URL');
      }
      // Extract the extension
      int dotIndex = decodedUrl.lastIndexOf('.', questionMarkIndex);
      if (dotIndex == -1 || dotIndex + 1 >= questionMarkIndex) {
        throw Exception('No file extension found before the query parameters');
      }
      // Get the file extension
      String extension = decodedUrl.substring(dotIndex + 1, questionMarkIndex);

      // Step 2: Convert image URL to a filename
      final fileName = '${fragmentID.id}.$extension';
      print('the final filename is $fileName');

      final metadata = SettableMetadata(contentType: 'image/$extension');

      // Log the size of the image data
      print('Size of image data: ${response.bodyBytes.length} bytes');

      // Step 3: Upload the image bytes directly to Firebase Storage
      final firebaseStorageRef = FirebaseStorage.instance
          .ref()
          .child('users/$userId/uploads/$fileName');
      await firebaseStorageRef.putData(response.bodyBytes, metadata);

      print('Image uploaded successfully ');
      // Get the download URL
      final downloadUrl = await firebaseStorageRef.getDownloadURL();
      print('Image download url $downloadUrl ');
      // Show a snackbar or dialog to indicate success
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
            content:
                Text('Image uploaded to Firebase Storage. URL: $downloadUrl')),
      );

      print(
          'Image successfully uploaded to Firebase Storage. Download URL: $downloadUrl');
      return downloadUrl;
    } else {
      throw Exception(
          'Failed to download image. Status code: ${response.statusCode}');
    }
  } catch (e) {
    // Handle errors and show an error message
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('Error: ${e.toString()}')),
    );
    print('Error uploading image: $e');
    return null;
  }
}