flutter中采用腾讯云COS进行图片存储

2024-06-17 04:04

本文主要是介绍flutter中采用腾讯云COS进行图片存储,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

首先配置文件添加  flutter_cos: ^0.0.3

添加COS配置

import 'dart:io';
import 'dart:io';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:http/http.dart';class CosConfig {final String appid;final String region;final String bucket;CosConfig({required this.appid, required this.region, required this.bucket});
}class CosClient {final String secretId;final String secretKey;final CosConfig config;CosClient({required this.secretId, required this.secretKey, required this.config});Future<Map<String, dynamic>?> putObject({required String key, required File file}) async {final uri = Uri.parse('https://${config.bucket}.cos.${config.region}.myqcloud.com/$key');// 准备 Authorization HeaderMap<String, String> headers = _createAuthorizationHeader(file);// 发起 PUT 请求将文件上传到COSvar request = http.Request('PUT', uri)..headers.addAll(headers)..bodyBytes = await file.readAsBytes();http.StreamedResponse response = await request.send();if (response.statusCode == 200) {print('Upload success!');return {'url': 'https://${config.bucket}.cos.${config.region}.myqcloud.com/$key'};} else {print('Failed with status code: ${response.statusCode}.');return null;}}Map<String, String> _createAuthorizationHeader(File file) {// 这里应包含计算 Authorization 的逻辑,目前返回简化的 headersreturn {'Content-Type': 'application/octet-stream','Authorization':'Your_Authorization_String', // Replace with your actual Auth string computation'x-cos-security-token': '', // 如果使用临时密钥,则需提供};}
}

采用方法调用然后上传

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:aurio/utils/CosConfig.dart'; // 请确保这个库提供所需的CosClient和CosConfig类class ImageUploadExample extends StatefulWidget {const ImageUploadExample({super.key});@override_UploadImageToCosState createState() => _UploadImageToCosState();
}class _UploadImageToCosState extends State<ImageUploadExample> {final ImagePicker _picker = ImagePicker();Future<void> uploadImageToCos() async {print('开始选择图片');final XFile? image = await _picker.pickImage(source: ImageSource.gallery);if (image == null) {print('未选择图片');return;}print('图片选择成功: ${image.path}');File imageFile = File(image.path);// 创建配置var config = CosConfig(appid: '', // 这里填你实际的 appidregion: '', // 这里是你的 COS 服务区域bucket: '', // 这里是你的桶名称);print('配置创建完毕');// 创建 client 实例var client = CosClient(secretId: '', // 实际使用时请勿硬编码密钥信息secretKey: '', // 上线时务必使用安全方案储存和使用密钥config: config,);print('COS客户端创建成功,开始上传图片');// 上传图片var res = await client.putObject(key: '', // 指定文件存储在COS的路径file: imageFile,);if (res == null) {print('上传未返回结果');return;}if (res['url'] != null) {print('上传成功,图片 URL: ${res['url']}');// 可以在这里更新 UI 或执行其他逻辑,比如保存 URL 到服务器} else {print('上传失败,返回结果:$res');}}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: const Text('上传图片到腾讯云 COS'),),body: Center(child: ElevatedButton(onPressed: uploadImageToCos,child: const Text('上传图片'),),),);}
}

这篇关于flutter中采用腾讯云COS进行图片存储的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1068426

相关文章

Python实现对阿里云OSS对象存储的操作详解

《Python实现对阿里云OSS对象存储的操作详解》这篇文章主要为大家详细介绍了Python实现对阿里云OSS对象存储的操作相关知识,包括连接,上传,下载,列举等功能,感兴趣的小伙伴可以了解下... 目录一、直接使用代码二、详细使用1. 环境准备2. 初始化配置3. bucket配置创建4. 文件上传到os

Java中调用数据库存储过程的示例代码

《Java中调用数据库存储过程的示例代码》本文介绍Java通过JDBC调用数据库存储过程的方法,涵盖参数类型、执行步骤及数据库差异,需注意异常处理与资源管理,以优化性能并实现复杂业务逻辑,感兴趣的朋友... 目录一、存储过程概述二、Java调用存储过程的基本javascript步骤三、Java调用存储过程示

MySQL之InnoDB存储引擎中的索引用法及说明

《MySQL之InnoDB存储引擎中的索引用法及说明》:本文主要介绍MySQL之InnoDB存储引擎中的索引用法及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录1、背景2、准备3、正篇【1】存储用户记录的数据页【2】存储目录项记录的数据页【3】聚簇索引【4】二

MySQL之InnoDB存储页的独立表空间解读

《MySQL之InnoDB存储页的独立表空间解读》:本文主要介绍MySQL之InnoDB存储页的独立表空间,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、背景2、独立表空间【1】表空间大小【2】区【3】组【4】段【5】区的类型【6】XDES Entry区结构【

SQLite3 在嵌入式C环境中存储音频/视频文件的最优方案

《SQLite3在嵌入式C环境中存储音频/视频文件的最优方案》本文探讨了SQLite3在嵌入式C环境中存储音视频文件的优化方案,推荐采用文件路径存储结合元数据管理,兼顾效率与资源限制,小文件可使用B... 目录SQLite3 在嵌入式C环境中存储音频/视频文件的专业方案一、存储策略选择1. 直接存储 vs

Golang如何对cron进行二次封装实现指定时间执行定时任务

《Golang如何对cron进行二次封装实现指定时间执行定时任务》:本文主要介绍Golang如何对cron进行二次封装实现指定时间执行定时任务问题,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录背景cron库下载代码示例【1】结构体定义【2】定时任务开启【3】使用示例【4】控制台输出总结背景

利用Python脚本实现批量将图片转换为WebP格式

《利用Python脚本实现批量将图片转换为WebP格式》Python语言的简洁语法和库支持使其成为图像处理的理想选择,本文将介绍如何利用Python实现批量将图片转换为WebP格式的脚本,WebP作为... 目录简介1. python在图像处理中的应用2. WebP格式的原理和优势2.1 WebP格式与传统

使用Python进行GRPC和Dubbo协议的高级测试

《使用Python进行GRPC和Dubbo协议的高级测试》GRPC(GoogleRemoteProcedureCall)是一种高性能、开源的远程过程调用(RPC)框架,Dubbo是一种高性能的分布式服... 目录01 GRPC测试安装gRPC编写.proto文件实现服务02 Dubbo测试1. 安装Dubb

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

Python如何去除图片干扰代码示例

《Python如何去除图片干扰代码示例》图片降噪是一个广泛应用于图像处理的技术,可以提高图像质量和相关应用的效果,:本文主要介绍Python如何去除图片干扰的相关资料,文中通过代码介绍的非常详细,... 目录一、噪声去除1. 高斯噪声(像素值正态分布扰动)2. 椒盐噪声(随机黑白像素点)3. 复杂噪声(如伪