send image from flutter web to python flask API - flutter-web

Question

i want to send an image from gallery to a python flask API
it work in android, but i got error "Error: Unsupported operation: _Namespace" when run in chrome
the error "Error: Unsupported operation: _Namespace" appear after print("test 2"); so i think there is some trouble in the add request. maybe there is another specific way for flutter web? because it work in android. thankyou
code
Future<http.Response> getRecommendation(File file, String link) async {
String filename = file.path.split('/').last;
var request = http.MultipartRequest(
'POST',
Uri.parse(link),
);
print("test 1");
Map<String, String> headers = {"Content-type": "multipart/form-data"};
print("test 2");
request.files.add(
http.MultipartFile(
'image',
file.readAsBytes().asStream(),
file.lengthSync(),
filename: filename,
),
);
print("test 3");
request.headers.addAll(headers);
var res = await request.send();
var response = await http.Response.fromStream(res);
return response;
}

Answer 1

I use FilePicker plugin with type image. Change is in the multipart file. Here is a snippet.
FilePickerResult? result = await FilePicker.platform.pickFiles(
type: FileType.image,
allowCompression: true);
if (result != null) {
if (kIsWeb) {
fileBytes = result.files.first.bytes;
}else
filePath = result.files.first.path;
fileName = result.files.single.name;
}
var multipartFile;
if (kIsWeb) {
multipartFile = MultipartFile.fromBytes(fileBytes,
contentType: new MediaType("image", "jpg"),
filename: fileName);
} else {
multipartFile = MultipartFile.fromFileSync(filePath,
contentType: new MediaType("image", "jpg"),
filename: fileName);
}