Flutter桌面应用实现图片选择并获取返回路径的相关问题求助

方案一：使用file_picker插件（推荐，三端通用） #

该插件原生适配了Windows、macOS、Linux全桌面端，支持直接过滤图片文件并返回本地绝对路径，无需自行实现原生逻辑。

1. 引入依赖 #

在pubspec.yaml中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  file_picker: ^6.1.1

执行flutter pub get完成安装。

2. 平台适配配置 #

• Windows：无额外配置，可直接使用
• macOS：在macos/Runner/Info.plist中添加文件读取权限配置：

  <key>com.apple.security.files.user-selected.read-only</key>
  <true/>
  <key>NSPhotoLibraryUsageDescription</key>
  <string>需要访问您的图片文件夹以选择图片</string>
  

• Linux：编译前需安装依赖库，执行命令：

  sudo apt install pkg-config libgtk-3-dev
  

3. 核心功能实现 #

调用示例代码如下：

import 'dart:io';
import 'package:file_picker/file_picker.dart';

// 选择单张图片并返回本地路径
Future<String?> selectSingleImage() async {
  FilePickerResult? pickResult = await FilePicker.platform.pickFiles(
    type: FileType.image,
    allowMultiple: false,
  );
  if (pickResult != null && pickResult.files.first.path != null) {
    // 返回的是系统本地绝对路径，可直接通过File读取
    return pickResult.files.first.path!;
  }
  return null;
}

// 选择多张图片并返回路径列表
Future<List<String>> selectMultipleImages() async {
  FilePickerResult? pickResult = await FilePicker.platform.pickFiles(
    type: FileType.image,
    allowMultiple: true,
  );
  if (pickResult != null) {
    return pickResult.files.map((file) => file.path!).whereType<String>().toList();
  }
  return [];
}

方案二：自定义平台通道实现（无第三方依赖） #

如果不想引入第三方插件，可以通过Flutter MethodChannel分别调用各端原生文件选择API：

• Windows端：调用Win32 API的GetOpenFileName接口弹出文件选择框，过滤图片格式后返回路径
• macOS端：调用NSOpenPanel组件，设置文件类型过滤为图片，获取选中路径后回传给Flutter
• Linux端：调用GTK的GtkFileChooserNative组件实现文件选择逻辑

注意事项 #

• 返回的路径为系统本地绝对路径，可直接通过File(path)读取文件内容、上传或渲染
• 若需要限制可选的图片格式，可将type改为FileType.custom，通过allowedExtensions参数指定['png', 'jpg', 'jpeg', 'webp']等格式
• 桌面端权限申请需提前配置，避免用户拒绝权限后无法获取到文件路径

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