Programmiererforum

class UserAttachments {
List? attachments = [];
int userID = 0;
}

Future submitImage(UserAttachments ua) async {
http.MultipartRequest request =
new http.MultipartRequest("POST", Uri.parse(kAttachmentsURI));

Map headers = {"Content-Type": "application/json"};

ua.attachments!.forEach((element) async {
var bytes = element.readAsBytes();
request.files.add(new http.MultipartFile.fromBytes('file', await bytes));
});

request.headers.addAll(headers);
request.fields['userID'] = '23';

http.StreamedResponse responseAttachmentSTR = await request.send();

print(responseAttachmentSTR.statusCode);
return "SENT"; // + "  - Respomse:  " + map.toString();
}

Ich habe eine Anwendung, die für Web, Android und iOS geeignet ist.
Ich habe die folgenden Pakete implementiert
https://pub.dev/packages/image_picker/example

[*]image_picker: ^0.8.2
[*]image_picker_for_web: ^2.1.1
< /ul>

Aufgaben:
[list]
[*]Der Benutzer muss mehrere Bilder auswählen (Beim Debuggen über Android erhalte ich manchmal die Erwartung einer WebSocket-Verbindung , und die Anwendung wird ohne Fehlermeldung beendet. Ein Bonus, wenn Sie auch einige Einblicke in dieses Problem geben können)

[*]Klicken Sie auf „Senden“, um das hochzuladen Bilder (XFile) zur API

[/list]
[code]class UserAttachments {
List? attachments = [];
int userID = 0;
}

Future submitImage(UserAttachments ua) async {
http.MultipartRequest request =
new http.MultipartRequest("POST", Uri.parse(kAttachmentsURI));

Map headers = {"Content-Type": "application/json"};

ua.attachments!.forEach((element) async {
var bytes = element.readAsBytes();
request.files.add(new http.MultipartFile.fromBytes('file', await bytes));
});

request.headers.addAll(headers);
request.fields['userID'] = '23';

http.StreamedResponse responseAttachmentSTR = await request.send();

print(responseAttachmentSTR.statusCode);
return "SENT"; // + " - Respomse: " + map.toString();
}

[/code]
Der obige Code scheint nicht zu funktionieren. Gibt es Lösungen, die für Web/Android/iOS geeignet sind?