如何在Flutter应用中永久保存相机/相册上传的图片？

问题原因 #

1. 相册选择图片时直接使用File(image.path)，该路径属于系统临时目录，App切换页面或重启后会被系统自动清理，导致图片丢失。
2. 相机选择逻辑中调用了saveImagePermanently但未实现该方法，实际也未完成永久保存。

解决方案 #

1. 实现永久保存图片的方法

将临时图片复制到应用专属的持久化目录（应用文档目录），该目录下的文件不会被系统随意清理：

Future<File> saveImagePermanently(String imagePath) async {
  // 获取应用文档目录
  final directory = await getApplicationDocumentsDirectory();
  // 用时间戳生成唯一文件名，避免重复覆盖
  final fileName = DateTime.now().millisecondsSinceEpoch.toString() + '.png';
  final tempImage = File(imagePath);
  // 复制临时图片到持久化目录
  final savedImage = await tempImage.copy('${directory.path}/$fileName');
  return savedImage;
}

2. 修改相册选择图片的逻辑

替换临时文件的使用，调用永久保存方法：

File? image;

Future getImage() async {
  final pickedImage = await ImagePicker().pickImage(source: ImageSource.gallery);
  if (pickedImage == null) return;
  // 调用永久保存方法
  final imagePerm = await saveImagePermanently(pickedImage.path);
  setState(() {
    this.image = imagePerm;
  });
}

3. 可选：App重启后保留图片

如果需要App重启后仍能加载已选择的图片，可将持久化后的图片路径保存到本地存储（比如shared_preferences）：

• 先添加依赖到pubspec.yaml：

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.2.2

• 修改代码添加路径保存与加载逻辑：

import 'package:shared_preferences/shared_preferences.dart';

String? _savedImagePath;

@override
void initState() {
  super.initState();
  // 初始化时加载保存的图片路径
  _loadSavedImagePath();
}

Future<void> _loadSavedImagePath() async {
  final prefs = await SharedPreferences.getInstance();
  _savedImagePath = prefs.getString('avatar_image_path');
  if (_savedImagePath != null) {
    setState(() {
      image = File(_savedImagePath!);
    });
  }
}

// 改造永久保存方法，同时保存路径
Future<File> saveImagePermanently(String imagePath) async {
  final directory = await getApplicationDocumentsDirectory();
  final fileName = DateTime.now().millisecondsSinceEpoch.toString() + '.png';
  final tempImage = File(imagePath);
  final savedImage = await tempImage.copy('${directory.path}/$fileName');
  
  // 保存路径到本地存储
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('avatar_image_path', savedImage.path);
  
  return savedImage;
}

内容的提问来源于stack exchange，提问作者mellowchest