FilePicker | Simplifying Android Pick File from Storage | Computer Vision library

I am new to MEAN development. I have two input fields and one field with a photo upload button. While I managed to display uploaded photo on the screen, I have a problem uploading it on server. Can anyone help?

I also get this error:

I implement OneSignal device to device notification on my flutter project and it workes on android device.

I am using the firebase_storage: ^8.0.6 package on flutter web. I want to upload image to firebase storage that I get using FilePicker package. The problem is that the new package uses the putFile() method to upload files. But File from dart:io doesn't work on flutter web and it also doesn't accept the File object from dart:html.

I can upload image as Blob using the putBlob() method but then it doesn't upload it as image type but it's type is application/octet-stream. I don't want to upload the image file as a blob.

I'm using the MRTK for a hololens app and I need to select a file that the user puts in their document folder. I am trying to access the FileOpenPicker and use the PickSingleFileAsync() function from a button press to get the file and then load that into my app.

The code inside this function is basically what I am doing:

(Code Source)

Goal:

• In the browser, read a file from the users file system as base64 string
• These files are up to 1.5GB

Issue:

• The followig script works perfectly fine on Firefox. Regardless of the filesize.
• On Chrome, the script works fine for smaller files (I've tested files of ~ 5MB size)
• If you pick a bigger file (e.g. 400MB) the FileReader completes without an error or exception, but returns an empty string instead of the base64 string

Questions:

• Is this a chrome bug?
• Why is there neither an error nor an exception?
• How can I fix or work around this issue?

Important:

Please note, that chunking is not an option for me, since I need to send the full base64 string via 'POST' to an API that does not support chunks.

Code:

I got the Excel file from file-picker as Uint8list, and convert to it File now:

That's the box and I am trying to send text to 'Image description'

here's the HTML

I am learning React and have this simple problem I can't solve.

I created a Codesandbox

Here in the image: the file is a key-value array like the image show.

After this code below has run:

Overview:

I am using the file-picker library to allow the user to select one or multiple files from their device. The selected files will have the ability to be previewed before the selected files will be sent for storage using HTTP/Multipart.

Problem: The file-picker library returns a List\ and I have access to either a Uint8List? OR a Stream>?

Setting readStream and withData to both True does not return both the Uint8List? AND Stream>? - This would be helpful in my opinion.

If I use the Uint8List? I am able to load the file using the Flutter Image.memory method but I am unable to use the Uint8List to use the http.MultiPartFile.fromBytes() because it only accepts a List.

Alternatively, if I use the Stream>? I am able to use http.MultipartFile() and pass in the Stream>? but then I am unsure of how to generate a preview of the file/image using a Stream>?

Things I have considered but not sure how to accomplish

1- Is there a way convert a Uint8List? to a List?

2- Is there an alternative method for sending files using Uint8List?

3- Is there a way to receive both the Uint8List? AND Stream>? from the file-picker result?

I have copied a few snippets below but if you need more information please let me know. Thank you for your help in advance :)

Flutter Widget to Select Files