【Flutter】文件选择器(file_picker)的用法

Flutter 没有提供内置的文件选择器,但社区内有人贡献了一个比较完整的解决方案——file_picker。

file_picker 的 API 简洁易用,支持全平台(Android / iOS / Mac / Linux / Windows),是我开发桌面应用时的首选。

这边博客简单介绍它的基本用法并提供一个应用实例。

基本用法

选择单个文件

FilePickerResult? result = await FilePicker.platform.pickFiles();if (result != null) {File file = File(result.files.single.path!);
} else {// User canceled the picker
}

选择多个文件

FilePickerResult? result = await FilePicker.platform.pickFiles(allowMultiple: true);if (result != null) {List<File> files = result.paths.map((path) => File(path!)).toList();
} else {// User canceled the picker
}

指定文件后缀

FilePickerResult? result = await FilePicker.platform.pickFiles(type: FileType.custom,allowedExtensions: ['jpg', 'pdf', 'doc'],
);

选择文件夹

String? selectedDirectory = await FilePicker.platform.getDirectoryPath();if (selectedDirectory == null) {// User canceled the picker
}

读取文件属性

FilePickerResult? result = await FilePicker.platform.pickFiles();if (result != null) {PlatformFile file = result.files.first;print(file.name);print(file.bytes);print(file.size);print(file.extension);print(file.path);
} else {// User canceled the picker
}

保存文件至云端

FilePickerResult? result = await FilePicker.platform.pickFiles();if (result != null) {Uint8List fileBytes = result.files.first.bytes;String fileName = result.files.first.name;// Upload fileawait FirebaseStorage.instance.ref('uploads/$fileName').putData(fileBytes);
}

应用实例

下图是我用 Flutter 绘制的语法知识图片,我想把它保存成图片,应该如何实现呢?

首先,借助 RepaintBoundary 指定需要绘制的区域:

RepaintBoundary(key: _globalKey,child: _buildCover(context, _rectangle),
),

然后,通过 globalKey 将该区域内的数据转化为一张图片:

Future<Uint8List?> captureWidget(GlobalKey globalKey) async {final boundary =globalKey.currentContext!.findRenderObject() as RenderRepaintBoundary;final image = await boundary.toImage(pixelRatio: 3.0);final byteData = await image.toByteData(format: ImageByteFormat.png);return byteData?.buffer.asUint8List();
}

最后,利用 FilePicker 保存图片数据(类型为 Uint8List):

Future<void> saveImageToFile(Uint8List bytes, String fileName) async {// Directory appDocDir = await getApplicationDocumentsDirectory();// String appDocPath = appDocDir.path;String? outputFile = await FilePicker.platform.saveFile(dialogTitle: 'Save to:',fileName: fileName,);if (outputFile != null) {File file = File(outputFile);file.writeAsBytes(bytes);}
}

以上就是 Flutter 文件选择器 FilePicker 的用法,感谢阅读。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/759907.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HMI界面之:上位机界面设计,一文扫盲

一、什么是上位机 上位机&#xff08;Supervisory Control and Data Acquisition&#xff0c;简称SCADA&#xff09;是一种用于监控和控制工业过程的计算机系统。它通常由两个主要部分组成&#xff1a;上位机和下位机。 上位机是SCADA系统中的主要控制中心&#xff0c;负责监控…

mysql笔记:24. 主从同步环境搭建

文章目录 主从同步的基本原理主从同步的搭建步骤1. 环境准备2. 配置主服务器&#xff08;Master&#xff09;3. 配置从服务器&#xff08;Slave&#xff09;4. 测试配置5. 常见故障5.1. 主从服务器上的MySQL版本不一致导致失败&#xff1f;5.2. Slave_IO_Running状态异常&#…

【No.10】蓝桥杯构造法|两道例题(C++)

什么是构造 构造题 要求解题者通过观察问题的结构和规律&#xff0c;找到一种通用的方法或模式&#xff0c;使得在问题规模增大时&#xff0c;依然能够高效地得到答案。 在解决构造题时&#xff0c;以下几点思考是很重要的: 观察问题规模的增长:了解问题随着规模的增大&…

使用ollama + webui 运行任意大模型

安装ollama https://hub.docker.com/r/ollama/ollama docker run -d -v ~/Documents/work/softs/docker/ollama:/root/.ollama -p 11434:11434 --name ollama ollama/ollama验证安装 # 进入容器docker exec -it ollama bash # 运行大模型 ollama run llama2 # 发送请求&…

【联邦学习贡献评估综述——未来展望(研究点)】

贡献评估的研究展望 参与方贡献评估作为激励参与方加入联邦的关键问题, 目前已有一些探索性研究工作, 但是现有工作在 价值度量有效性和可靠性、贡献评估方案公平合理性、评估算法在联邦学习应用上的性能和安全性等问题上 仍存在不足之处, 有待未来研究攻克这些挑战. 1. 设计…

三级数据库技术考点(详解!!)

1、 答疑:【解析】分布式数据库系统按不同层次提供的分布透明性有:分片透明性;②位置透明性;③局部映像透明性&#xff0c;位置透明性是指数据分片的分配位置对用户是透明的&#xff0c;用户编写程序时只需 要考虑数据分片情况&#xff0c;不需要了解各分片在各个场地的分配情…

大型LLM模型语言全面解读-开篇

目录 由于1万字的要求过于庞大&#xff0c;我将先给出论文的大纲以及部分内容的详细撰写&#xff0c;以确保内容的质量和完整性。如果您需要更完整的内容&#xff0c;可以在之后继续输入。 大型LLM模型语言全面解读 **摘要&#xff1a;**本文旨在对大型语言模型&#xff08;…

什么是物联网远程模块

在数字化和信息化的浪潮下&#xff0c;物联网技术正在以惊人的速度改变着我们的生活和生产方式。物联网远程模块&#xff0c;作为物联网技术的核心组件之一&#xff0c;正引领着这场变革。HiWoo Box就是这样一款出色的物联网远程模块&#xff0c;它通过支持远程透传、远程锁机、…

多进程数据库不适合作为hive的元数据库

简介 “今天发现一个比较奇怪的现象&#xff0c;因为博主不熟悉mysql&#xff0c;所以在安装hive的使用了postgresql作为hive的元数据库&#xff0c;在测试几个连接工具对hive进行链接&#xff0c;后面再测试的时候发现链接不上了&#xff0c;并且报错日志如下&#xff1a;” …

从回收站删除的文件如何恢复?图文详解(3个方法)!

“各位大佬&#xff01;从回收站删除了重要的文件后&#xff0c;有什么方法可以恢复文件吗&#xff1f;快帮帮我吧&#xff01;这些被删除的文件都是比较重要的&#xff01;” 回收站作为电脑中的一个重要工具&#xff0c;当我们误删文件后&#xff0c;通过回收站有机会快速恢复…

QT增加线程函数步骤流程

在使用线程的时候&#xff0c;不仅要关注线程开启的时机&#xff0c;同时还要关注线程安全退出&#xff0c;这样才能保证程序的健壮性&#xff0c;如果线程开启的较多&#xff0c;且开启关闭比较频繁&#xff0c;建议使用线程池来处理。开启线程有三种方式&#xff1a;第一种C的…

C语言动态内存管理(重点)

目录 1、为什么要有动态内存分配 2、malloc 和 free 2.1 malloc函数 2.2 free函数 3、calloc 和 realloc 3.1 calloc函数 3.2 realloc 函数 3.3 realloc 和 malloc 区别 3.4 realloc 函数存在的问题 4、常见的动态内存的错误 5、动态内存经典笔试题分析 6、柔…

Vue.js前端开发零基础教学(一)

目录 第一章 初识Vue.js 前言 开发的好处 一.前端技术的发展 什么是单页Web应用&#xff1f; 二. Vue的简介 三. Vue的特性 四. Vue的版本 五.常见的包管理 六.安装node环境 第一章 初识Vue.js 学习目标&#xff1a; 了解前端技术的发展 了解什么是Vue掌握使用方…

Oracle19C图形界面安装教程

文章目录 一、安装前的准备1、安装Linux操作系统2、配置网络源或者本地源3、hosts文件配置 二、Oracle19c安装过程1、安装相关软件&#xff1a;2、用户与组&#xff1a;3、修改内核参数&#xff1a;4、资源限制&#xff1a;5、配置用户环境变量&#xff1a;6、创建相关文件目录…

如何理解 Linux 命令行参数与环境变量7

一、命令行参数 1.1参数介绍 在写C语言程序时&#xff0c;main函数是否可以带参数呢&#xff1f;------ 是可以的 int argc: 命令行参数的个数char *argv[ ]: 字符指针数组&#xff08;指向各个命令行参数的字符指针所构成的数组&#xff09; 我们写一段代码来打印一下看这…

CISP 4.2备考之《软件安全开发》知识点总结

文章目录 第一节 软件安全开发基础第二节 软件安全开发模型第三节 安全需求、设计、编码、测试、交付 第一节 软件安全开发基础 1.软件工程三要素&#xff1a;方法、过程、工具。2.软件开发模型&#xff1a;瀑布模型、迭代模型、增量模型、螺旋模型、原型模型、净室模型。3.千…

Python BaseModel和dataclass用法和区别

Pydantic 的 BaseModel Pydantic 是一个数据验证和设置管理的库&#xff0c;它使用 Python 类型注释来定义数据模型的结构。在 Pydantic 中&#xff0c;BaseModel 是所有模型的基类&#xff0c;提供了类型检查、数据转换和验证等功能。下面是一个简单的例子&#xff1a; from…

AI和机器学习中的Python基础库和框架

Python基础 基本语法 Python是一种高级的、解释型的编程语言&#xff0c;以其简洁清晰的语法和强大的灵活性而闻名。对于初学者来说&#xff0c;掌握Python的基本语法是学习其他高级概念之前的重要步骤。以下是Python基本语法的详细介绍&#xff1a; 变量类型 在Python中&a…

基于单片机的事务管理系统

基于单片机的事务管理系统 摘 要 所谓事务管理系统就是主要用来做提醒&#xff0c;辅助以计时、秒表等的一个小系统。利用MCS51单片机即可完成系统硬件需要&#xff0c;成本低廉&#xff0c;程序简单&#xff0c;功能丰富实用&#xff0c;使用率广。根据题目的设计要求&#…

电商API接口淘宝/天猫按图搜索淘宝商品(拍立淘)API请求接入演示

"拍立淘"是淘宝提供的一种图片搜索功能&#xff0c;允许用户上传图片来搜索相似的商品。要接入淘宝的API进行按图搜索的功能&#xff0c;通常需要以下几个步骤&#xff1a; 注册账号&#xff1a;你需要有一个开放平台的账号&#xff0c;并成为开发者。 创建应用&…