flutter笔记 图片组件使用base64数据，数据格式报错

最新推荐文章于 2024-05-16 17:22:34 发布
最新推荐文章于 2024-05-16 17:22:34 发布
阅读量831 收藏 1
点赞数
分类专栏： flutter 笔记 文章标签： flutter base64 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38744384/article/details/103682317
版权
续写神话
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter webview 解析html中文乱码问题
songyy_的博客
10-12 1491
今天调试ios的时候发现文字乱码了，然后发现解析的时候没有写完整编码。之前的代码只写了base64，因为在安卓上运行就没有发现问题，更改后：增加charset=utf-8。
Flutter填坑笔记： dio报错 FormatException
weixin_45365889的博客
09-06 1万+
  以前说到， Dart 是个年轻的语言，SDK 还不够成熟，使用中有很多坑。之前解决 了一个使用代理导致空指针的问题，这次又碰上了一个使用 Cookie 产生 FormatException 的问题。 问题描述    dio是Flutter中文网开源的一个强大的Dart Http请求库，我使用这个库写了 一个访问网站 Login 接口的 Demo。 Dio client = new ...
Flutter学习之将本地相册图片转换成Base64字符串
Pillar的专栏
04-16 8234
1、问题描述：读取到本地相册图片路径后，如何通过路径将图片转换成Base64字符串？ 2、解决方法： /* * 通过图片路径将图片转换成Base64字符串 */ static Future image2Base64(String path) async { File file = new File(path); Lis...
关于OAuth2.1 PKCE利用crypto的sha256哈希结果转换base64url计算结果不一致的问题（Flutter）
月琳cc小宅
10-31 1720
关于OAuth2.1 PKCE利用crypto的sha256哈希结果转换base64url计算结果不一致的问题（Flutter）前言问题详情核心要点（太长不看版）分析解决方法（Flutter）额外参考资料： 前言 最近在写第三方flutter app并抓包分析某原生app登录逻辑的时候，遇到了使用OAuth2.1 PKCE授权码模式的登录方式，该模式下需要将code_verifier先进行sha256哈希后再进行base64(URL-Save) 编码成最终的code_challenge。 OAuth2.1
flutter base64编解码
最新发布
xinhengqq的博客
05-16 225
flutter base64编解码
Base64：含中文参数转码，对方接受参数解码后，中文信息乱码的解决方案
热门推荐
qq_46119575的博客
01-09 1万+
Base64：含中文参数转码，对方接受参数解码后，中文信息乱码的解决方案
Flutter http请求 json串 中文 乱码 解决
weixin_39984540的博客
11-13 627
json.decode(const Utf8Decoder().convert(你的json字符串.runes.toList()));//使用dart标准库里的json。
Flutter Image组件如何处理图片加载过程中的错误？
代码小疯子
10-20 1541
在上面的代码中，通过在initState方法中设置loadErrorBuilder回调函数来处理图片加载过程中的错误。当图片加载失败时，返回的是builder中指定的Widget。
Flutter实现容器组件、图片组件 的代码
08-25
在Flutter开发中，容器组件（Container）和图片组件（Image）是构建用户界面的基本元素。本文将深入探讨这两个组件的使用及其属性。 首先，我们来看容器组件（Container）。Container类在Flutter中扮演着布局和装饰...
Flutter 图片组件
01-07
image.asset 本地图片 image.network 远程图片 Flutter 加载远程图片 //导入了Material UI组件库 ,快捷操作fim import 'package:flutter/...//使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作
Flutter StatefulWidget 有状态组件、页面上绑定数据、改变页面数据
01-07
//导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material....//使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作为根组件----home、title、color、theme、routes等 class MyApp ext
Flutter学习笔记：有状态组件和组件间通信
01-08
3. Flutter有状态组件和组件通信 0. 一个计算器的简单例子 再学习过程中在本例子中用到了几个注意点进行笔记： Flutter有状态组件的定义方法 Flutter子组件和父组件之间的通信过程 动态组件生成的方法 关于定义回调...
Flutter学习教程之Route跳转以及数据传递
01-04
Route类似Android中Activity，所以Flutter中的页面跳转类似Android中Activity之间跳转，Intent携带传递的数据。 正文 页面跳转 我们现在看看Flutter中是怎么进行页面交互的，也就是页面之间的跳转。 从上一个...
Flutter FormatException: Unexpected character (at character 1)已解决
丿灬安之若死
05-01 3372
由于 final responseBody = json.decode(response.body); response.body返回的不是json导致的。
[Flutter Launcher Icons] Unhandled exception: FormatException: Invalid number (at character 1)
sinat_36112136的博客
03-07 4481
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source! ════════════════════════════════════════════ FLUTTER LAUNCHER ICONS (v0.9.1) ════════════════════════════════════════════ ✓ Successfully gener
Base64与百分号编码相关 - iOS
survivorsfyh的博客
01-16 1886
一. Base64 编码 Base64 是许多 web 协议的标准,在日常开发中很多地方会需要利用 Base64 进行编解码的操作; 在相互转换操作的时候,可以借用 NSData 来执行,例如接口中提供的如下方法: /* Create an NSData from a Base-64 encoded NSString using the given options. By default,
Base64 空格，加号问题
weixin_40249888的博客
07-25 2236
Base64 空格，加号问题 app端会通过base64对密码进行加密，后端再解密，经常会解密失败，导致解密失败的原因是： app端进行base64加密，内部含有+号,然后进行url加密，+号就变成空格，传给后端，后端进行base64解密，base64解密字符是不能包含空格的，所以报错。 W3C标准规定，当Content-Type为application/x-www-form-urlencoded...
解决base64通过http传输后+变空格的问题
weixin_30629977的博客
06-14 679
语言的后台接收到http的数据后默认是被urlencode的过的 所以接受到时候会自动urldecode一次 这时候base64中的+ 会被decode为空格 要解决这个问题可以从前端后端两个地方下手 在前端传送base64前把字串中的+先替换为编码后的 des = des.replaceAll("\\+", "%2B"); 　　 或者在后台接收的时候把空格全都替换为加...
flutter开发所遇问题总结-持续中
weixin_40466351的博客
04-14 9810
flutter 开发中所遇问题总结 解决方案：下载gradle包到本地
flutter camera 获取图片转base64
06-11
要使用 Flutter 的相机插件获取图片并将其转换为 Base64 格式，您可以使用以下方法： 1. 添加相机插件依赖 在 `pubspec.yaml` 文件中添加下面的依赖： ```yaml dependencies: camera: ^0.9.4+5 ``` 2. 导入相机插件 在需要使用相机的文件中，导入相机插件： ```dart import 'package:camera/camera.dart'; ``` 3. 初始化相机 在 `initState` 方法中初始化相机，并设置参数： ```dart List<CameraDescription> cameras; Future<void> _initializeCamera() async { cameras = await availableCameras(); controller = CameraController(cameras[0], ResolutionPreset.medium); await controller.initialize(); setState(() {}); } ``` 4. 拍照并将图片转换为 Base64 在需要拍照的方法中，使用 `takePicture` 方法获取图片，并使用 `dart:convert` 包中的 `base64Encode` 方法将图片转换为 Base64 格式： ```dart void _takePicture() async { if (!controller.value.isInitialized) { return; } final Directory extDir = await getApplicationDocumentsDirectory(); final String dirPath = '${extDir.path}/Pictures/flutter_test'; await Directory(dirPath).create(recursive: true); final String filePath = '$dirPath/${DateTime.now().millisecondsSinceEpoch}.jpg'; await controller.takePicture(filePath); final File file = File(filePath); List<int> imageBytes = await file.readAsBytes(); String base64Image = base64Encode(imageBytes); print(base64Image); } ``` 5. 完整示例代码 ```dart import 'dart:convert'; import 'dart:io'; import 'package:camera/camera.dart'; import 'package:flutter/material.dart'; import 'package:path_provider/path_provider.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Camera Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'Flutter Camera Demo'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { CameraController controller; List<CameraDescription> cameras; Future<void> _initializeCamera() async { cameras = await availableCameras(); controller = CameraController(cameras[0], ResolutionPreset.medium); await controller.initialize(); setState(() {}); } @override void initState() { super.initState(); _initializeCamera(); } void _takePicture() async { if (!controller.value.isInitialized) { return; } final Directory extDir = await getApplicationDocumentsDirectory(); final String dirPath = '${extDir.path}/Pictures/flutter_test'; await Directory(dirPath).create(recursive: true); final String filePath = '$dirPath/${DateTime.now().millisecondsSinceEpoch}.jpg'; await controller.takePicture(filePath); final File file = File(filePath); List<int> imageBytes = await file.readAsBytes(); String base64Image = base64Encode(imageBytes); print(base64Image); } @override Widget build(BuildContext context) { if (!controller.value.isInitialized) { return Container(); } return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: AspectRatio( aspectRatio: controller.value.aspectRatio, child: CameraPreview(controller), ), floatingActionButton: FloatingActionButton( onPressed: _takePicture, tooltip: 'Take Picture', child: Icon(Icons.camera), ), ); } @override void dispose() { controller.dispose(); super.dispose(); } } ``` 在上面的示例代码中，我们使用 `camera` 插件获取相机图片，并将其转换为 Base64 格式。在点击拍照按钮时，我们调用 `_takePicture` 方法，该方法会将图片保存到应用程序文档目录中的 `Pictures/flutter_test` 文件夹中，并将其转换为 Base64 格式。完成后，Base64 编码的图片数据将打印到控制台上。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值