在flutter中使用图像列表实现图像多路上传

import 'dart:async';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class ImageUploadScreen extends StatefulWidget {
  @override
  _ImageUploadScreenState createState() => _ImageUploadScreenState();
}

class _ImageUploadScreenState extends State<ImageUploadScreen> {
  List<String> imagePaths = [];

  Future<void> uploadImages() async {
    for (String imagePath in imagePaths) {
      File imageFile = File(imagePath);
      // Perform the upload request using http package or dio package
      // Replace 'uploadUrl' with your server's upload endpoint
      var request = http.MultipartRequest('POST', Uri.parse('uploadUrl'));
      request.files.add(await http.MultipartFile.fromPath('image', imageFile.path));
      var response = await request.send();
      if (response.statusCode == 200) {
        // Handle upload success
        print('Image uploaded successfully');
      } else {
        // Handle upload failure
        print('Image upload failed');
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Upload'),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: imagePaths.length,
              itemBuilder: (context, index) {
                return ListTile(
                  leading: Image.file(File(imagePaths[index])),
                  title: Text(imagePaths[index]),
                );
              },
            ),
          ),
          RaisedButton(
            child: Text('Upload Images'),
            onPressed: () {
              uploadImages();
            },
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: () async {
          // Open image picker to select an image
          // Replace 'imagePicker' with your preferred image picker package
          var imagePicker = ImagePicker();
          var pickedImage = await imagePicker.getImage(source: ImageSource.gallery);
          if (pickedImage != null) {
            setState(() {
              imagePaths.add(pickedImage.path);
            });
          }
        },
      ),
    );
  }
}