flutter如何保存图片和视频

在Flutter中如何保存网络图片或本地相册中的图片到手机相册？另外，如果需要保存视频文件，应该使用什么方法？希望能提供具体的代码示例和权限配置说明。

2 回复

Flutter 保存图片和视频可通过以下方式实现：

保存图片：

  1. 使用 image_picker 选择图片，再用 image_gallery_saver 保存到相册：
final image = await ImagePicker().pickImage(source: ImageSource.gallery);
await ImageGallerySaver.saveFile(image.path);
  1. 网络图片保存：
var response = await Dio().download(url, savePath);
await ImageGallerySaver.saveFile(savePath);

保存视频：

  1. 使用 video_thumbnail 生成缩略图（可选）
  2. 直接保存视频文件到相册：
final video = await ImagePicker().pickVideo(source: ImageSource.camera);
await GallerySaver.saveVideo(video.path);

注意：

  • iOS需在 Info.plist 添加相册权限说明
  • Android需在 AndroidManifest.xml 添加存储权限
  • 推荐使用 permission_handler 处理运行时权限

常用依赖包：

dependencies:
  image_picker: ^1.0.4
  image_gallery_saver: ^2.1.1
  gallery_saver: ^3.0.2
  permission_handler: ^11.0.1

更多关于flutter如何保存图片和视频的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中保存图片和视频可以通过以下方式实现：

保存图片

1. 使用 image_gallery_saver 插件（推荐）

import 'package:image_gallery_saver/image_gallery_saver.dart';

// 保存网络图片
Future<void> saveNetworkImage(String url) async {
  var response = await Dio().get(
    url,
    options: Options(responseType: ResponseType.bytes),
  );
  
  final result = await ImageGallerySaver.saveImage(
    Uint8List.fromList(response.data),
    quality: 100,
    name: "my_image",
  );
  
  print(result);
}

// 保存本地图片文件
Future<void> saveLocalImage(File imageFile) async {
  final result = await ImageGallerySaver.saveFile(imageFile.path);
  print(result);
}

2. 使用 path_provider 和 dart:io

import 'package:path_provider/path_provider.dart';

Future<File> saveImageToAppDir(Uint8List imageData) async {
  final directory = await getApplicationDocumentsDirectory();
  final imagePath = '${directory.path}/my_image.png';
  return File(imagePath).writeAsBytes(imageData);
}

保存视频

使用 gallery_saver 插件

import 'package:gallery_saver/gallery_saver.dart';

// 保存网络视频
Future<void> saveNetworkVideo(String videoUrl) async {
  await GallerySaver.saveVideo(videoUrl)
      .then((bool? success) {
    print('Video saved: $success');
  });
}

// 保存本地视频文件
Future<void> saveLocalVideo(String filePath) async {
  await GallerySaver.saveVideo(filePath, albumName: "My Videos")
      .then((bool? success) {
    print('Video saved: $success');
  });
}

权限配置

Android 权限 (android/app/src/main/AndroidManifest.xml)

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

iOS 权限 (ios/Runner/Info.plist)

<key>NSPhotoLibraryAddUsageDescription</key>
<string>需要保存图片到相册</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>需要访问相册</string>

完整示例

import 'package:flutter/material.dart';
import 'package:image_gallery_saver/image_gallery_saver.dart';
import 'package:gallery_saver/gallery_saver.dart';
import 'package:permission_handler/permission_handler.dart';

class MediaSaver extends StatelessWidget {
  Future<void> _saveMedia() async {
    // 请求权限
    if (await Permission.storage.request().isGranted) {
      // 保存图片
      await saveNetworkImage('https://example.com/image.jpg');
      // 保存视频
      await saveNetworkVideo('https://example.com/video.mp4');
    }
  }

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: _saveMedia,
      child: Text('保存媒体文件'),
    );
  }
}

注意事项

  1. 权限处理：在保存前需要请求存储权限
  2. 错误处理：添加 try-catch 处理异常
  3. 文件格式：确保文件格式受支持
  4. 存储空间：检查设备存储空间是否充足

推荐使用 image_gallery_saver 和 gallery_saver 插件，它们提供了最简便的保存到相册的方法。

回到顶部