[Solved] Noobie Question: How Do I Get the File Size of the Selected Image

[mjolnirPH]

Hi!

I would like to know how to get the file size of the image selected in a Flutter web app. I've seen some of the examples online on how to do it, and while most didn't work (they were most likely not build for the web), and when I found one that worked, it worked in a weird way. This is how it went:

1. Select a file, pic1, and try to upload it. As per the code, the file size is 0, so the file is "uploaded," albeit with a file size of zero.
2. Select another file, pic2 , and try to upload it. The file uploads, but everything's a mess: the filename says pic2, but the image uploaded is that of pic1, with pic1's correct file size at that.
3. If I select another file, pic3, and perform the upload, the file is uploaded as pic3, but again, the actual image is that of pic2, along with it's proper file size.

This has been bugging me for the past 36 hours or so, and I'm thinking, if I can get the actual file size on the first try, then the issue will be resolved.

For reference, here's my code:

`

FormBuilderImagePicker(
                    name: 'profilePic',
                    autovalidateMode: AutovalidateMode.onUserInteraction,
                    validator: FormBuilderValidators.required(),
                    showDecoration: true,
                    decoration: const InputDecoration(
                        labelText:
                            'Profile Picture',
                        border: OutlineInputBorder(
                          borderRadius: BorderRadius.all(
                            Radius.circular(10),
                          ),
                        )),
                    maxImages: 1,
                    availableImageSources: const [ImageSourceOption.gallery],
                    onSaved: (images) async {
                      if (images != null && images.isNotEmpty) {
                        final file = images[0];
                        filename = images[0].name;
                        final uint8List = await file.readAsBytes();
                        setState(() {
                          _selectedImageBytes = uint8List as Uint8List;
                        });
                      }
                    },
                  ),
SizedBox(height:20),
ElevatedButton(
                  onPressed: () {
                    _formKey.currentState!.fields['profilePic']!.save();
                    _uploadProfilePic();
                  },
                  child: const Text("Upload")),

//=====

Future<String> uploadProfilePic() async {
    try {
      final result = await storage.createFile(
        file: InputFile.fromBytes(
          filename: "$filename",
          bytes: _selectedImageBytes as List<int>,
        ),
      );
      return result;
    } catch (e) {
     print(e);
    return e.toString();
    }
  }

Thank you for your insights on this matter.

=====

Edit:

After looking into this a bit deeper, I've managed to get the info I needed, and then some.