【Flutter】支持多平台 多端保存图片到本地相册 (兼容 Web端 移动端 android 保存到本地)

免责声明: 我只测试了Web端 和 Android端 可行哈

dart 复制代码
import 'dart:io';
import 'package:flutter/services.dart';
import 'package:http/http.dart' as http;
import 'package:universal_html/html.dart' as html;
import 'package:oktoast/oktoast.dart';
import 'package:image_gallery_saver/image_gallery_saver.dart';
import 'package:permission_handler/permission_handler.dart';




//申请存 本地存储 和 相册 权限
Future<bool> getPhotoPermission() async {
  if (Platform.isIOS) {
    var storageStatus = await Permission.storage.status;
    var photosStatus = await Permission.photos.status;
    if (storageStatus.isDenied || photosStatus.isDenied) {
      Map<Permission, PermissionStatus> statuses = await [
        Permission.storage,
        Permission.photos,
      ].request();
    }
    return storageStatus.isGranted && photosStatus.isGranted;
  } else {
    var storageStatus = await Permission.storage.status;
    var photosStatus = await Permission.photos.status;
    if (storageStatus.isDenied || photosStatus.isDenied) {
      Map<Permission, PermissionStatus> statuses = await [
        Permission.storage,
        Permission.photos,
      ].request();
    }
    return storageStatus.isGranted && photosStatus.isGranted;
  }
}

// 根据网络路径保存图片到相册
Future<void> saveImage(String imageUrl) async {
  final response = await http.get(Uri.parse(imageUrl));
  final bytes = response.bodyBytes;


  if (kIsWeb) {
    final imageData = Uint8List.fromList(bytes);
    final blob = html.Blob([imageData], 'image/jpeg');
    final url = html.Url.createObjectUrlFromBlob(blob);
    final anchor = html.AnchorElement(href: url);
    String timestamp = DateTime.now().millisecondsSinceEpoch.toString();
    anchor.download = 'image_$timestamp.jpg';
    anchor.click();
    html.Url.revokeObjectUrl(url);
  } else {
    if (Platform.isAndroid || Platform.isIOS) {
      bool permission = await getPhotoPermission();
      if (permission) {
        if (Platform.isIOS) {
          // 自动以时间戳命名
          final result = await ImageGallerySaver.saveImage(bytes);
          if (result != null) {
            showToast("保存成功");
          } else {
            print('error');
          }
        } else {
          //安卓
          // 自动以时间戳命名
          final result = await ImageGallerySaver.saveImage(bytes);
          if (result != null) {
            showToast("保存成功");
          } else {
            print('error');
          }
        }
      } else {
        //重新请求--第一次请求权限时,保存方法不会走,需要重新调一次
        saveImage(imageUrl);
      }
    } else {
      throw PlatformException(
        code: 'PLATFORM_NOT_SUPPORTED',
        message: 'Saving images is not supported on this platform.',
      );
    }
  }
}
相关推荐
月下点灯9 分钟前
✨项目上线后产品要求把应用字体改大点📏怎么办?一招教你快速解决🔧
前端·vite
hedalei17 分钟前
android14 硬键盘ESC改BACK按键返回无效问题
android·android14·esc·back按键
xvmingjiang21 分钟前
Vue 3 中监听多个数据变化的几种方法
前端·javascript·vue.js
我有一只臭臭21 分钟前
ES5 和 ES6 类的实现
前端·javascript·es6
excel22 分钟前
Three.js 实现高分辨率地球边界可视化
前端
hcgeng23 分钟前
android 如何判定底部导航栏显示时 不是键盘显示
android·底部导航·导航高度
LaoZhangAI36 分钟前
Google Gemini AI图片编辑完全指南:50+中英对照提示词与批量处理教程(2025年9月)
前端·后端
和煦的春风37 分钟前
性能案例分析 | Waiting for GPU completion
android·linux
用户20187928316738 分钟前
ConcurrentHashMap:用 “社区超市” 故事讲透并发的设计哲学
android
用户114818678948440 分钟前
从零搭建 Vue3 + Nest.js 实时通信项目:4 种方案(短轮询 / 长轮询 / SSE/WebSocket)
前端·后端