如何拾取多张图片并通过RestAPI Flutter上传

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:dio/dio.dart';

class ImageUploadPage extends StatefulWidget {
  @override
  _ImageUploadPageState createState() => _ImageUploadPageState();
}

class _ImageUploadPageState extends State<ImageUploadPage> {
  List<XFile>? _imageFiles;

  Future<void> _pickImages() async {
    final picker = ImagePicker();
    final pickedImages = await picker.pickMultiImage(); // 选择多张图片
    setState(() {
      _imageFiles = pickedImages;
    });
  }

  Future<void> _uploadImages() async {
    if (_imageFiles != null) {
      for (final imageFile in _imageFiles!) {
        final formData = FormData.fromMap({
          'image': await MultipartFile.fromFile(imageFile.path),
        });

        final response = await Dio().post(
          'YOUR_REST_API_ENDPOINT',
          data: formData,
        );

        print(response.data); // 上传成功后的响应结果
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Upload'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _pickImages,
              child: Text('Pick Images'),
            ),
            SizedBox(height: 20),
            if (_imageFiles != null)
              Column(
                children: _imageFiles!.map((file) => Image.file(File(file.path))).toList(),
              ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _uploadImages,
              child: Text('Upload Images'),
            ),
          ],
        ),
      ),
    );
  }
}