首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过Dart/Flutter中的“application/octet-stream”将png文件发送到Microsoft Custom Vision?

在Dart/Flutter中,可以通过使用"application/octet-stream"将PNG文件发送到Microsoft Custom Vision。"application/octet-stream"是一种通用的二进制数据传输格式,可以用于发送任何类型的文件。

要将PNG文件发送到Microsoft Custom Vision,可以按照以下步骤进行操作:

  1. 首先,确保你已经安装了Dart/Flutter的相关开发环境,并且已经导入了与Microsoft Custom Vision API交互所需的相关库。
  2. 在Dart/Flutter中,可以使用http包来发送HTTP请求。首先,导入http包:
代码语言:txt
复制
import 'package:http/http.dart' as http;
  1. 创建一个函数,用于发送PNG文件到Microsoft Custom Vision。函数的参数应包括PNG文件的路径和Microsoft Custom Vision的API密钥。
代码语言:txt
复制
Future<void> sendPngToCustomVision(String filePath, String apiKey) async {
  // 读取PNG文件的内容
  List<int> pngBytes = await File(filePath).readAsBytes();

  // 构建HTTP请求
  var request = http.MultipartRequest(
    'POST',
    Uri.parse('https://customvision.ai/api/<YOUR_PROJECT_ID>/image'),
  );

  // 设置请求头,包括API密钥和内容类型
  request.headers['Prediction-Key'] = apiKey;
  request.headers['Content-Type'] = 'application/octet-stream';

  // 添加PNG文件的内容到请求体中
  request.files.add(
    http.MultipartFile.fromBytes(
      'image',
      pngBytes,
      filename: 'image.png',
    ),
  );

  // 发送请求并获取响应
  var response = await request.send();

  // 处理响应
  if (response.statusCode == 200) {
    // 请求成功
    print('PNG文件发送成功!');
  } else {
    // 请求失败
    print('PNG文件发送失败:${response.statusCode}');
  }
}
  1. 调用函数并传入PNG文件的路径和Microsoft Custom Vision的API密钥。
代码语言:txt
复制
String pngFilePath = '/path/to/image.png';
String customVisionApiKey = '<YOUR_CUSTOM_VISION_API_KEY>';

sendPngToCustomVision(pngFilePath, customVisionApiKey);

这样,你就可以通过Dart/Flutter中的"application/octet-stream"将PNG文件发送到Microsoft Custom Vision了。请注意,上述代码中的<YOUR_PROJECT_ID><YOUR_CUSTOM_VISION_API_KEY>需要替换为你自己的项目ID和API密钥。

关于Microsoft Custom Vision的更多信息,你可以访问腾讯云的相关产品介绍页面:腾讯云自定义视觉

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter:platform channel

参考文献:Writing custom platform-specific code Flutter与原生之间通信依赖灵活消息传递方式: 应用Flutter部分通过平台通道(platform channel...)消息发送到其应用程序所在宿主(iOS或Android)应用(原生应用)。...平台通道 使用平台通道在Flutter(client)和原生(host)之间传递消息,如下图所示: image.png 当在Flutter调用原生方法时,调用信息通过平台通道传递到原生,原生收到调用信息后方可执行指定操作...这些类可以帮助我们用很少代码就能开发平台插件。 注意: 如果需要,方法调用(消息传递)可以是反向,即宿主作为客户端调用Dart实现API。...通道客户端和宿主通过通道构造函数传递通道名称进行连接。

1.3K20

Flutter自制工具之fluct助力Flutter快速开发神器

create和gen-assets create用于创建文件及widget,文件名按Dart文件命名规则指定单词与单词之间添加下划线,并无需指定.dart后缀,例如:index_page gen-assets...用于自动生成Flutter资源文件绑定 fluct create 在Flutter开发过程,我们创建文件是必须,而AS自带创建文件,并没有自动生成相关内容,这会让开发者非常苦恼,类名还需要自己手动敲的话...当运行此命令后,命令行会输出以下内容 Help Flutter application create a new file Usage: fluct create [arguments] ...inh对应内容,内容我们值得注意是$NAME$占位符,该字符串会被替换成根据文件名生成内容,例如:index_page 会插入IndexPage到$NAME$占位符,最后,我们运行以下命令:.../index_inherited 运行成功之后,我们能够在根目录下找到index_inherited.dart文件,内容也是对应自定义内容 import 'package:flutter/material.dart

79640
  • Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载 ttf 图标文件 )

    10 个图标 , 然后点击右上角 DOWNLOAD 按钮 , 该网站会在后台这 10 个图标的 SVG 文件打包到 ttf 文件 , 下载文件flutter-icons-5b92b65c.zip..., 后面一串是随机生成数字 ; 该压缩包主要有三个文件 , ① ttf 字体文件 : MyFlutterApp.ttf , svg 格式图标就封装在该文件 ; ② dart 文件 : Flutter...---- https://www.fluttericon.com/ , SVG 格式图标拖动到该地址页面的 Custom Icons 区域 , 拖动过程 : 拖动完成后 , 页面 Custom...Icons 区域会显示这 20 个 SVG 图标 ; 选中这些图标 , 点击 DOWNLOAD 按钮 , 即可下载生成 ttf 格式文件 ; 三、使用下载 ttf 图标文件 ---- ...MyFlutterApp.ttf 字体文件拷贝到 Flutter 源码根目录下 fonts 目录下 , 在 pubspec.yaml 配置文件配置字体文件 , name: flutter_image_widget

    2.5K20

    「首席架构师推荐」最棒Flutter库,工具,教程,文章列表

    Flutter是一款移动应用SDK,可通过单一代码库为iOS和Android构建高性能,高保真的应用。...Todo List - 一步一步教程如何使用Flutter构建Todo List by Andrei Lesnitsky 初学者 零到一动画- 专注于Mikkel Ravn动画。...Flutter动画 - MuhammedSalihGüler常用动画实例。 布局备忘单 - TomekPolański布局小部件大量示例。...具有时间轴分析 - 使用时间轴可以查找和解决Chinmay Garde在您应用程序特定性能问题。 HOWTO文档 视差效果 - Marcin Szalek视差和非线性动画。...实践颤动 - Zaiste为初学者和非程序员提供免费视频课程。 Whatsupcoders - 由Kamal制作Flutter Widgets免费视频系列。

    10.8K10

    Flutter 使用 GetX 对话框

    演示模块: 这个演示视频展示了如何Flutter 创建一个对话框,并展示了如何使用您 Flutter 应用程序 get 包来工作,以及使用不同属性。它会显示在你设备上。...dependencies: flutter: sdk: flutter get: ^4.6.1 第二步: 导入 import 'package:get/get.dart'; 第三步: 在应用程序根目录运行...如何实现 dart 文件代码: 你需要分别在你代码实现它: 在 lib 文件创建一个名为 main.dart dart 文件。..._blue_, ), home: Splash(), debugShowCheckedModeBanner: false, ); 我们将在 main.dart 文件创建一个 Home 类...我们向您展示介绍是什么?.使用 GetX 插件制作一个工作对话框演示程序。在本博客,我们已经研究了 flutter 应用程序使用 GetX 对话框。

    19110

    Flutter 空安全糖果罐

    https://github.com/flutter/flutter/issues/22393 解决 NestedScrollView Body 列表滚动会互相影响问题。...,主要包括以下功能: 方便快速生成特殊文本,字符串转换成特定 InlineSpan。...以上两种类型都提供了 insert() 实现,通过设置长度,为插入元素提供空间。在空安全这样做可能会出现错误,所以我们将它们 insert() 实现改为了 add()。...image.png 每个人都从萌新而来,爱护萌新,但也不应该纵容巨婴。 https://flutter.cn/ 和 https://dart.cn/ ,从入门到深入,各种资源应有尽有。...image.pngFlutter ,爱糖果 很开心你能阅读到这里,爱Flutter ,爱糖果 ,欢迎加入 Flutter Candies ,一起生产可爱 Flutter小糖果 image QQ群

    1.6K10

    已有iOS工程中加入Flutter之Cocoapods+Flutter环境方式集成

    错误 Note:应用程序无法在Release模式下运行到模拟器上,因为Flutter尚不支持Dart代码输出x86预编译(AOT)二进制文件。...image.png 编译后生成Framework.png 生成三种模式下Framework拖拽到项目中,并修改Xcode如下配置: image.png 导入flutterFramework.png...其次,你原生项目要有Podfile文件,如果没有你可以通过命令行,进入到原生应用目录,然后创建Podfile: KKdeMacBook-Pro:~ kaye$ cd Desktop/NativeFultter...DemoAppDelegate2.m @end 6.2 Dart 入口(Dart EntryPoint) FlutterEngine调用run方法,默认情况下,运行是lib/main.dart文件...main()入口,我们也可以运行不同入口,通过使用runWithEntrypoint,传入一个字符串参数,以使用其他dart入口(入口在lib/main.dart文件),但是请注意,除main()

    2.3K30

    【错误记录】Flutter 报错 ( Could not read script ‘xxxflutter_toolsgradleapp_plugin_loader.gradle‘ )

    文件 ; 查看该出现问题 android/setting.gradle 文件 ; include ':app' def localPropertiesFile = new File(rootProject.projectDir.../gradle/app_plugin_loader.gradle" 在本电脑上可运行其它应用 android/setting.gradle 文件 ; include ':app' def flutterProjectRoot...Flutter 工程可以在 电脑 A 上运行 ; 电脑 A 上创建 Flutter 工程不能在 电脑 B 上运行 ; 怀疑是环境版本 , Flutter 版本 , Dart 版本 , Android...Studio 版本 , Android SDK 版本 不一致导致 ; 建议全部使用相同配置 ; 三、 解决方案 ---- 删除源码 android 目录 , 整个删除 , 然后在 Terminal...In order to run your application, type: $ cd . $ flutter run Your application code is in .

    82920

    Flutter实现文件上传华为对象存储(OBS)

    本文主要讲述在 Flutter 项目中如何实现将文件上传到华为 OBS(对象存储),并封装为三方库方便灵活使用。...背景介绍 在大多项目中都会存在文件上传需求,之前实现都是调用后台文件上传接口文件上传到服务器上,但是这样会存在一个问题,因为文件上传会占用带宽导致在文件上传中调用其他接口时候就会存在访问慢情况...Flutter 实现将文件上传到华为云 OBS ,而华为云 OBS 并没有提供 Flutter SDK,所以就需要自己实现,首先看一下实现以后代码使用效果。...最后看了一下 OBS 文档,有提供 API 方式,而项目中需求其实很简单就是上传文件,于是就用 Dart 结合 dio 实现了一个纯 Dart 库。...; } 签名算法是先将请求方法(PUT)、md5(对象 md5 值)、Content-Type(内容类型 application/octet-stream)、date(当前时间)、acl(权限策略

    2.3K10

    App、H5、PC应用多端开发框架Flutter 2发布

    使用Flutter 2,您可以使用相同代码库本机应用程序发送到五个操作系统:iOS、Android、Windows、macOS和Linux;以及针对Chrome、Firefox、Safari或Edge...在今天发布Flutter 2,我们Flutter 从一个移动框架扩展到了一个可移植框架,使您应用程序可以在各种不同平台上运行,几乎没有变化。...image 4.png Another example is Rive, who offers designers a powerful tool for creating custom animations...image 6.png Secondly, Microsoft is continuing to expand its support for Flutter....成长Flutter生态系统 目前,FlutterDart软件包已超过15000个:从亚马逊、微软、Adobe、阿里巴巴、eBay和Square等公司;到Lottie、Sentry和SVG等关键软件包

    8.9K30

    Flutter 混合开发】添加 Flutter 到 iOS

    Flutter模块嵌入到现有应用程序 Flutter模块嵌入到现有iOS应用程序中有两种方式: 使用CocoaPods和已安装Flutter SDK(推荐)。...应用程序无法在 Release 模式下模拟器上运行,因为Flutter尚不支持为Dart代码提前输出x86 / x86_64二进制(AOT)二进制文件。...修改iOS应用程序 Podfile 文件,如果没有则手动创建,内容如下: flutter_application_path = '.....在Xcode嵌入 Flutter Frameworks 通过命令生成必要 Frameworks,并通过手动编辑现有的Xcode项目将它们嵌入到应用程序。...文件 main() 方法,也可以指定其他文件方法: flutterEngine.run(withEntrypoint: "newEntrypoint", libraryURI: "main.dart

    3.2K40

    Flutter开发:Gridview使用

    Flutter开发,表格组件是经常要用到,表格展示数据也是App开发过程不可缺少需求功能,其实Gridview属性和ListView属性很接近,那么本篇文章就来聊聊Flutter开发中表格组件...this.gridDelegate,@required IndexedWidgetBuilder itemBuilder) 适用于widget数量多时候,通过GridView.builder使用,...动态创建widget,itemBuilder表示子widget构造器; 4、GridView.custom(@required this.gridDelegate,@required this.childrenDelegate...) GridView.custom使用,通过两个代理方法gridDelegate和childrenDelegate来创建Gridview,其中gridDelegate是进行布局代理,控制每列或每行子...Gridview简单使用实例,具体操作如下所示: 1、dart文件具体实现源码 import 'package:flutter/material.dart'; import 'package:portal

    64710

    Flutter for Windows桌面端稳定版发布

    image.png Flutter自己数据也能支持这一点,在 2021 年四个季度开发者调查,有 92% Flutter 开发者对Flutter提供工具表示满意。...并且它们还和底层操作系统不同 API 进行集成:桌面应用支持从系统文件选择器到设备硬件再到 Windows 注册表等数据存储所有内容。...image.png 在 Windows 上,Flutter 使用了一套完全相同 Dart 代码,但是能够使用 Windows API。...无障碍功能视为额外需求是错误。正如 Microsoft 包容性设计工具包 这张图片所示,Flutter必须要关注提供永久、临时或不同情境下需求体验。...image.png 下面的视频演示了 Flutter 如何集成 Windows 讲述人 (Windows Narrator) 功能。

    2.1K40

    Flutter】创建 Flutter 项目 ( Android Studio 创建并运行 Flutter 应用 | 命令行创建并运行 Flutter 应用 | 运行 Flutter 应用三种方式 )

    文章目录 一、Android Studio 创建 Flutter 项目 二、命令行创建 Flutter 项目 三、通过命令行方式运行 Flutter 项目 四、通过 Android Studio 可视化方式运行...Flutter 项目 五、通过 Android Studio 可视化方式运行 Flutter 项目种 Android 项目 六、通过 Xcode 可视化方式运行 Flutter 项目种 iOS 项目...SDK flutter\bin 目录添加到环境变量 ; 环境变量设置参考 【FlutterFlutter 开发环境搭建 ( Android Studio 下 Flutter / Dart 插件安装... Xcode 打开 Flutter 应用下 iOS 项目 ; 七、 相关资源 ---- 参考资料 : Flutter 官网 : https://flutter.dev/ Flutter 开发文档.../ Dart 中文文档 : https://dart.cn/ Dart 开发者官网 : https://api.dart.dev/ Flutter 中文网 ( 非官方 , 翻译很好 ) : https

    6.4K01

    Flutter自制工具之fluct创建文件神器

    create命令,用于创建文件及widget,文件名按Dart文件命名规则指定单词与单词之间添加下划线,并无需指定.dart后缀,例如:index_page fluct create 在Flutter...开发过程,我们创建文件是必须,而AS自带创建文件,并没有自动生成相关内容,这会让开发者非常苦恼,类名还需要自己手动敲的话,而该命令,直接可以一步到位。...当运行此命令后,命令行会输出以下内容 Help Flutter application create a new file Usage: fluct create [arguments] ...inh对应值,内容我们值得注意是$NAME$占位符,该字符串会被替换成根据文件名生成内容,例如:index_page 会插入IndexPage到$NAME$占位符,最后,我们运行以下命令: $.../index_inherited 最后,我们能够在根目录下找到index_inherited.dart文件,内容也是对应自定义内容 import 'package:flutter/material.dart

    81330

    FlutterFlutter 混合开发 ( 混合开发 Flutter 热重启 热加载 )

    如何Flutter 传递数据 ; Flutter 混合开发集成步骤 : ① 在 Android Studio 创建 Flutter Module ; ② 为 Native 应用添加 Flutter...Module 依赖 ; ③ 在 Native 应用 ( Android / iOS 应用 ) , 调用 Flutter Module 模块 ; ④ 编写 Flutter Module Dart...和 Flutter 混合应用安装到设备 ; 注意 , 运行是 混合应用 , Android 项目运行 , 运行 Android Native 项目 ; Y:\002_WorkSpace\001...形式嵌入到了 Android 页面 ; flutter_module Terminal 打印如下信息 , 说明混合开发 Flutter 热重启 / 热加载 启用成功 ; Microsoft.../han1202012/flutter_native 注意 : 上面两个工程要放在同一个目录 , 否则编译不通过 ; 博客源码快照 : https://download.csdn.net/download

    1.3K10

    Mac配置flutter环境 ,原生项目接入flutter

    export PATH="$PATH:`pwd`/flutter/bin" 运行 flutter doctor 命令 通过运行以下命令来查看当前环境是否需要安装其他依赖(如果想查看更详细输出,增加一个...flutter doctor 安装配置遇到问题: image.png 处理办法: 到idea - plugin 中下载安装dartFlutter,重启idea ,然后终端重新执行 flutter...混合开发接入 结构图示 (本人项目使用了CocoaPods ) image.png 1) 在项目文件夹同级目录创建Flutter模块(Flutter相关页面的代码都在这里)。...),然后cd 到 项目文件夹 执行 pod install ##Flutter工程路径 #flutter_application_path = '.....第一个界面 image.png 点击按钮跳转之后flutter界面 5) 修改模块默认代码,位置: my_flutter - lib- main.dart ,替换为下面代码 image.png

    79430

    FlutterFlutter 资源文件使用 ( 导入资源图片 | 使用图片资源 )

    文章目录 一、Flutter 导入资源图片 二、Flutter 使用资源图片 三、完整代码示例 四、相关资源 一、Flutter 导入资源图片 ---- Flutter 资源路径配置 : 资源路径在根目录...pubspec.yaml 配置文件配置 ; flutter 节点下 assets 节点注释打开 , 即删除前面的 # 注释符号 ; 然后在 flutter 项目根目录创建 images...目录 , 图片 hunter.png 拷贝到该 images 目录 ; 并在 pubspec.yaml 配置文件 assets 节点下配置 - images/hunter.png 信息 ; #...assets: - images/hunter.png 之后就可以在 flutter 项目中使用该文件了 ; 下图展示了资源文件目录结构以及配置文件配置信息 ; 导入资源图片样式 :.../hunter.png"), ) 三、完整代码示例 ---- 完整代码示例 : import 'package:flutter/material.dart'; class ResourcePage extends

    1.8K00
    领券