Flutter 实现阿里云OSS图片上传

原创 已于 2023-03-10 17:23:35 修改 · 2.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter #oss

于 2023-03-09 17:12:23 首次发布
文章详细介绍了如何使用Dio库在Dart中实现阿里云OSS的图片上传过程，包括获取本地文件路径、调用后台接口获取上传参数、设置请求头并进行加密处理，以及处理响应返回的文件路径。

一.首先获取文件的本地路径。

二.调后台接口返回oss图片上传需要的参数：accessKeyId, accessKeySecret, bucket, endPoint ,securityToken。

三.对数据进行处理，设置请求的参数

四.获取dio请求返回的路径

使用的依赖：

dio: ^5.0.0

crypto: ^3.0.2 #加密处理

intl: ^0.18.0 #国际化 因为请求参数需要设置日期

oss图片上传dart文件如下所示:

最低0.47元/天 解锁文章
Flutter Oss图片上传.rar
05-22
Flutter中使用阿里云Oss上传图片功能封装、网络请求框架功能封装、单例工具类功能封装
aliyun-oss-flutter-sdk:阿里云对象存储服务的 Flutter SDK
05-31
阿里云_oss 一个新的 Flutter 包项目。 入门 这个项目是 Dart的起点，这是一个包含代码的库模块，可以在多个 Flutter 或 Dart 项目之间轻松共享。 如需有关 Flutter 入门的帮助，请查看我们的，其中提供了教程、示例、移动开发指南和完整的 API 参考。
Flutter上传图片到OSS
YJ909364的博客
04-09 1820
目前阿里没有针对Flutter有官方SDK可集成, 但是有人对Flutter的上传有封装库https://pub.dev/packages/aly_oss#-example-tab-, 所以我们只能通过post提交PostObject的形式来上传; 准备工作: 1、获取OSS凭证地址(your oss_sts_server), 通知get直接获取static String ossServerU...
flutter实现选择图片视频上传到oss和图片视频的预览功能
weixin_40466351的博客
04-30 2196
cached_network_image: ^3.3.1 //缓存网络图片，避免多次请求。interactiveviewer_gallery: ^0.6.0 //图片视频预览。flutter_oss_aliyun: ^6.4.1 //图片上传到阿里云oss。video_thumbnail: ^0.5.3 //视频生成缩略图。image_picker: ^1.1.0 //选择图片。video_player: ^2.8.6 //视频播放。uuid: ^4.4.0 //生成唯一uuid。
flutter阿里云OSS图片上传
zhengwc的博客
02-13 8154
一、选择图片： 使用插件 image_picker: “^0.5.0+3” 使用image_picker选择图片，代码如下： // 相机拍照或者从图库选择图片 pickImage(ctx) { // 如果已添加了1张图片，则提示不允许添加更多 num size = fileList.length; if (size >= 1) { Scaff...
【flutter直接上传图片到阿里云OSS】
androidhyf的博客
08-22 2185
flutter直接上传图片到阿里云OSS
Flutter实现阿里云Oss图片上传功能详解
描述中提到“使用阿里云Oss上传图片功能封装”，这说明我们需要了解如何在Flutter应用中调用阿里云Oss服务进行图片的上传，并且会涉及到代码的封装，以实现模块化、易于维护的代码结构。同时，描述还提到了“网络...
oss图片上传api_Flutter通过api上传图片到阿里OSS
weixin_39656174的博客
12-21 501
在做flutter时遇到图片上传到阿里oss上的功能, 首先官网上没有针对dart的sdk, 因此, 我通过https://pub.dev/查询竟然有大佬提供了库, https://pub.dev/packages/aly_oss, 看了这个库, 但是我在flutter pub get成功后执行 flutter run尽然失败. 因此, 换个思路, 通过1. 首先通过接口获取本服务器配置的b...
flutter 上传文件到阿里云oss
weixin_40466351的博客
04-26 734
【代码】flutter 上传文件到阿里云oss。
Flutter使用阿里云oss服务存储图片以及文件
weixin_39219561的博客
07-22 7752
阿里云oss服务中，尚未发现有关flutter的文档，在使用过程中遇到了诸多麻烦，最终多处搜集，找到了一个合适的方法。   本文讲述的上传文件前提为，写权限是私有的，需验证身份后方可上传。   本文基于说明文档中的api中的postobject文档。 首先，根据文中要求： Post Signature 对于验证的Post请求，HTML表单中必须包含policy和Signature信息...
flutter直接上传文件到阿里云oss
2401_84413145的博客
05-03 1126
文章所有资料全部已经打包整理好，另外小编手头上整理了大量Android架构师全套学习资料，Android核心高级技术PDF文档+全套高级学习资料+视频+2021 BAT 大厂面试真题解析资料展示：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！
OSS图片上传工具
04-17
OSS图片上传工具,用于oss上传图片测试用，
一种Flutter上传图片到阿里OSS的方式
qq_33869391的博客
10-21 1658
折腾了几天的flutter上传图片到阿里云，连通过flutter通道调用原生都写完了，老大却说一定有直接使用flutter的方式，只好再继续研究了。 扒了阿里云上传安卓SDK的源码，又用抓包的方式在flutter这边获取更多的信息（否则的话只能拿到403等，根本没有有用的信息），总算是搞定了。
Flutter学习之阿里云Oss图片上传功能开发
Pillar的专栏
05-22 3905
1、阿里云目前未针对Flutter开发相关的集成功能，但是可以利用PostObject方式通过表单的形式来上传 ，PostObject方式上传图片官方文档：https://help.aliyun.com/document_detail/31988.html 注意：调用方式可以主用户的accesskeyId 、accessKeySecret ，但是存在安全问题，不推荐使用；推荐使用子用户STS方式，...
Flutter 上传文件到阿里云OSS
三须鳗鱼
08-26 3868
大家好，我是学习Flutter一个月的张信哲 ，熟练使用CV大法。
flutter 上传照片，已及上传阿里云；
曾经也是个少年
12-12 422
调用相机； void _getImage() async { try { var image = await ImagePicker.pickImage( source: ImageSource.gallery, maxWidth: 800); print(image); uploadImage(image.path, '0',...
【亲测免费】 Flutter阿里云OSS插件使用手册
最新发布
gitblog_00014的博客
09-12 664
Flutter阿里云OSS插件使用手册 项目目录结构及介绍 ├── lib # 核心库代码所在目录 │ ├── flutter_oss_aliyun.dart # 主要业务逻辑实现 │ └── ... # 其他相关dart文件 ├── example # 示例应用目录，包含如何使用此插件的实例 │ ├── lib ...
flutter上传图片文件到服务器
weixin_44911775的博客
04-19 1742
flutter从图库获取本地图片,然后上传到服务器 进入图库选择参考 上传图片参考 import 'dart:convert'; import 'package:dio/dio.dart'; import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; import 'package:image_picker/image_picker.dart'; import 'package:shared
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值