使用flutter上传文件，显示缩略图

dependencies:
  flutter:
    sdk: flutter
  image_picker: ^0.8.4+4
  path_provider: ^2.0.5
  path: ^2.1.0
  flutter_image_compress: ^1.1.0

import 'package:image_picker/image_picker.dart';

final picker = ImagePicker();

Future<File?> pickImage() async {
  final pickedFile = await picker.pickImage(source: ImageSource.gallery);
  if (pickedFile != null) {
    return File(pickedFile.path);
  }
  return null;
}

import 'package:path_provider/path_provider.dart';
import 'package:flutter_image_compress/flutter_image_compress.dart';
import 'package:dio/dio.dart';

Future<void> uploadFile(File file) async {
  final tempDir = await getTemporaryDirectory();
  final tempPath = tempDir.path;
  final compressedFile = await FlutterImageCompress.compressAndGetFile(
    file.path,
    '$tempPath/${DateTime.now().millisecondsSinceEpoch}.jpg',
    quality: 70,
  );

  final formData = FormData.fromMap({
    'file': await MultipartFile.fromFile(compressedFile.path),
  });

  final response = await Dio().post(
    'https://your-upload-api.com',
    data: formData,
  );

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

import 'package:flutter/material.dart';

class ThumbnailImage extends StatelessWidget {
  final String imageUrl;

  const ThumbnailImage({required this.imageUrl});

  @override
  Widget build(BuildContext context) {
    return Image.network(
      imageUrl,
      width: 100,
      height: 100,
      fit: BoxFit.cover,
    );
  }
}