如何在Flutter WEB中将文件上传到API

import 'dart:html';
import 'package:http/http.dart' as http;

void uploadFile() async {
  final fileInput = FileUploadInputElement();
  fileInput.accept = 'image/*'; // 可以限制文件类型
  fileInput.click();

  fileInput.onChange.listen((e) {
    final file = fileInput.files!.first;
    final reader = FileReader();

    reader.onLoadEnd.listen((e) async {
      final bytes = reader.result as List<int>;

      final request = http.MultipartRequest('POST', Uri.parse('your_api_url'));
      request.files.add(http.MultipartFile.fromBytes('file', bytes, filename: file.name));

      final response = await request.send();
      if (response.statusCode == 200) {
        print('File uploaded successfully');
      } else {
        print('File upload failed');
      }
    });

    reader.readAsBytes(file);
  });
}

void main() {
  querySelector('#uploadButton')!.onClick.listen((_) {
    uploadFile();
  });
}