当前位置： 首页 > news >正文

【K210+ESP8266图传上位机开发】TCP server + JPEG图像解析上位机开发

news 2025/12/21 13:28:16

本文章主要记录基于 【K210-ESP8266】 图传和显示的过程，上位机开发过程，系统架构和下位机开发请参考文章：
【K210-ESP8266】开发板上传图像数据到服务器并实时显示

  • 💖 作者简介：大家好，我是喜欢记录零碎知识点的小菜鸟。😎
  • 📝 个人主页：欢迎访问我的 Ethernet_Comm 博客主页🔥
  • 🎉 支持我：点赞👍+收藏⭐️+留言📝
  • 📣 系列专栏：K210开发板二次开发 🍁
  • 💬格言：写文档啊不是写文章，重要的还是直白！🔥

目录

  • 1. TCP server + JPEG图像解析上位机开发
    • 1.1 开发环境
    • 1.2 上位机功能
    • 1.3 C# 在窗体绘制图像解析
    • 1.4 显示效果
      • 1.4.1 上位机标定坐标，坐标数据回传
      • 1.4.2 下位机接收坐标值并更新显示
      • 1.4.3 重新设定区域并传输
      • 1.4.4 上位机传输多个坐标值

1. TCP server + JPEG图像解析上位机开发

系统架构和下位机开发请参考文章：

【K210-ESP8266】开发板上传图像数据到服务器并实时显示

1.1 开发环境

本文上位机:

开发环境为基于windows下的 visual studio 2015，

开发语言：基于 winform 窗体的 C#

1.2 上位机功能

1️⃣ : 开启 TCP 服务器

2️⃣ : JPEG 图像数据解析显示

3️⃣ : 在窗体内用鼠标绘图并提取坐标值

4️⃣ : 坐标值通过 TCP 协议回传 ESP8266

1.3 C# 在窗体绘制图像解析

关于上位机开发过程，参考另一篇博文：

【C#绘制区域】C# pictruebox 划线绘制区域

1.4 显示效果

1.4.1 上位机标定坐标，坐标数据回传

思路：上位机将ESP8266的透传数据解析显示为 JPEG 图像后，鼠标在窗体绘制图像并记录坐标，将坐标值通过 TCP 回传给 ESP8266

2022.7.26 更新，通过上位机动态标定区域，以下是上位机标定区域的演示过程：

请添加图片描述

1.4.2 下位机接收坐标值并更新显示

7.27更新 上位机绘制区域，下位机接受区域
参考博文：【K210+ESP8266+区域检测】上位机绘制区域，K210区域检测
测试结果：

设置区域，传递给下位机
请添加图片描述

1.4.3 重新设定区域并传输

重新设定区域：
请添加图片描述

1.4.4 上位机传输多个坐标值

11.15 更新 上位机绘制区域，下位机接受区域，更新可接受2个监测区域，并将结果发布到mqtt服务器
参考博文：【K210+ESP8266+区域检测】上位机绘制区域，K210区域检测
测试结果：
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

相关文章：

【K210+ESP8266图传上位机开发】TCP server + JPEG图像解析上位机开发

本文章主要记录基于 【K210-ESP8266】 图传和显示的过程，上位机开发过程，系统架构和下位机开发请参考文章： 【K210-ESP8266】开发板上传图像数据到服务器并实时显示 💖 作者简介：大家好，我是喜欢记录零碎知…...

编程日记 2023/9/10 0:02:32

Linux查看当前文件夹的大小

在Linux中，可以使用du（disk usage）命令来查看当前文件夹的大小。以下是一些使用du的方法： 查看当前文件夹的大小： 为了查看当前文件夹的总大小，可以在文件夹中运行： du -sh .这里： -…...

编程日记 2023/9/10 0:01:31

YOLO目标检测——密集人群人头数据集+已标注yolo格式标签下载分享

实际项目应用：城市安防、交通管理、社会研究、商业应用、等多个领域数据集说明：YOLO密集人群人头目标检测数据集，真实场景的高质量图片数据，数据场景丰富，图片格式为jpg，共4300张图片。标注说明&#xff1a…...

编程日记 2023/9/10 0:00:28

论文精读 —— Gradient Surgery for Multi-Task Learning

文章目录 Multi-task Learning和 PCGrad 方法简介论文信息论文核心图摘要翻译引言翻译2 使用PCGrad进行多任务学习2.1 基本概念：问题和符号表示2.2 三重悲剧：冲突的梯度，主导的梯度，高曲率2.3 PCGrad：解决梯度冲突2.4 …...

编程日记 2023/9/9 23:59:27

【VS Code插件开发】常见自定义命令（七）

🐱 个人主页：不叫猫先生，公众号：前端舵手 🙋‍♂️ 作者简介：前端领域优质作者、阿里云专家博主，共同学习共同进步，一起加油呀！ 📢 资料领取：前端…...

编程日记 2023/9/9 23:58:25

Spring Cloud服务发现与注册的原理与实现

Spring Cloud服务发现与注册的原理与实现 一、简介1 服务发现的定义2 服务发现的意义 二、Spring Cloud服务注册与发现的实现1 Spring Cloud服务注册1.1 服务注册的基本框架1.2 服务注册的实现方式 2 Spring Cloud服务发现2.1 服务发现的基本框架2.2 服务发现的实现方式 三、Sp…...

编程日记 2023/9/9 23:57:24

FFmpeg入门之简单介绍

FFmpeg是什么意思: Fast Forward Moving Picture Experts Group ffmpeg相关文档: Documentation FFmpeg ffmpeg源码下载: https://git.videolan.org/git/ffmpeg.git https://github.com/FFmpeg/FFmpeg.git FFmpeg能做什么? 多种媒体格式的封装与解封装 : 1.多种音…...

编程日记 2023/9/9 23:56:20

新版DBeaver调整编辑窗口字体大小

网上有DBeave字体设置了，但看了下，目前最新版的已经更改了首选项分组，层级发生了变化，这里记录一下2022.08.21版的设置。 默认字体是10，比较小，改为11或更大会好看些。...

编程日记 2023/9/9 23:55:19

《vue3实战》运用push（）方法实现电影评价系统的添加功能

目录 前言 电影评价系统的添加功能是什么？ 电影评价系统的添加功能有什么作用？ 一、push（）方法是什么？它有什么作用？ 含义： 作用： 二、功能实现 这段是添加开始时点击按钮使…...

编程日记 2023/9/9 23:54:16

JavaScript学习笔记02

JavaScript笔记02 数据类型详解 字符串 在 JavaScript 中正常的字符串都使用单引号 或者双引号" "包裹：例： 转义字符 在 JavaScript 字符串中也可用使用转义字符（参考：详解转义字符）：例&…...

编程日记 2023/9/9 23:53:15

短信过滤 APP 开发

本文字数：7033字 预计阅读时间：42分钟 一直想开发一个自己的短信过滤 APP，但是一直没有具体实施，现在终于静下心来，边开发边记录下整体的开发过程。 01 垃圾短信样本 遇到的第一个问题是，既然要过滤垃圾短信…...

编程日记 2023/9/9 23:52:14

【计算机基础知识7】垃圾回收机制与内存泄漏

目录 前言 一、垃圾回收机制的工作原理 1. 标记-清除算法的基本原理 2. 垃圾回收器的类型及其工作方式 3. 垃圾回收的回收策略和触发机制 三、内存泄漏的定义和原因 1. 内存泄漏的概念和影响 2. 常见的内存泄漏情况及其原因 四、如何避免和处理内存泄漏 1. 使用合适…...

编程日记 2023/9/9 23:51:13

[学习笔记]CS224W

资料： 课程网址 斯坦福CS224W图机器学习、图神经网络、知识图谱【同济子豪兄】 斯坦福大学CS224W图机器学习公开课-同济子豪兄中文精讲 图的基本表示 图是描述各种关联现象的通用语言。与传统数据分析中的样本服从独立同分布假设不一样，图数据自带关联…...

编程日记 2023/9/9 23:50:11

华为云API对话机器人CBS的魅力—实现简单的对话操作

云服务、API、SDK，调试，查看，我都行 阅读短文您可以学习到：人工智能AI智能的问答管理、全面的对话管理、高效训练部署 1.IntelliJ IDEA 之API插件介绍 API插件支持 VS Code IDE、IntelliJ IDEA等平台、以及华为云自研 CodeArts …...

编程日记 2023/9/9 23:49:10

精益制造、质量管控，盛虹百世慧共同启动MOM（制造运营管理）

百世慧科技依托在电池智能制造行业中的丰富经验，与盛虹动能达成合作，为其提供MOM制造运营管理平台，并以此为起点，全面提升盛虹动能的制造管理水平与运营体系。 行业困境 中国动力电池已然发展为全球最大的电池产业，但…...

编程日记 2023/9/9 23:48:09

【科研论文配图绘制】task7密度图绘制

【科研论文配图绘制】task7密度图绘制 task7 了解密度图的定义，清楚密度图是常用使用常见，掌握密度图绘制。 1.什么是密度图 密度图（Density Plot）是一种用于可视化数据分布的图表类型。它通过在数据中创建平滑的概率密度曲线…...

编程日记 2023/9/9 23:47:07

Python3 集合

Python3 集合 集合（set）是一个无序的不重复元素序列。 可以使用大括号 { } 或者 set() 函数创建集合，注意：创建一个空集合必须用 set() 而不是 { }，因为 { } 是用来创建一个空字典。 创建格式： parame …...

编程日记 2023/9/9 23:46:07

【山河送书第十期】：《Python 自动化办公应用大全》参与活动，送书两本！！

【山河送书第十期】：《Python 自动化办公应用大全》参与活动，送书两本！！ 前言一书籍亮点二作者简介三内容简介四购买链接五参与方式六往期赠书回顾 前言 在过去的 5 年里，Python 已经 3 次获得 TIOBE 指数年度大奖&am…...

编程日记 2023/9/9 23:45:05

Java多线程——同步

同步是什么？ 当两个线程同时对一个变量进行修改时，不同的访问顺序会造成不一样的结果，这时候就需要同步保证结果的唯一性。 未同步时 新建Bank类，transfer()用于在两个账户之间转账金额 class Bank {private double[] account…...

编程日记 2023/9/9 23:44:04

Vue+NodeJS实现邮件发送

一.邮箱配置 这里以QQ邮箱为例,网易邮箱类似. 设置->账号 二.后端服务搭建 index.js const express require(express) const router require(./router); const app express()// 使用路由文件 app.use(/,router);app.listen(3000, () > {console.log(server…...

编程日记 2023/9/9 23:43:03

日语学习-日语知识点小记-构建基础-JLPT-N4阶段（33）：にする

日语学习-日语知识点小记-构建基础-JLPT-N4阶段（33）：にする 1、前言（1）情况说明（2）工程师的信仰2、知识点（1）　にする1，接续：名词＋にする2，接续：疑问词＋にする3，（A）は（B）にする。（2）復習：（1）复习句子（2）ために　＆　ように（３）そう（４）にする3、…...

编程新知 2025/11/20 7:52:01

边缘计算医疗风险自查APP开发方案

核心目标：在便携设备（智能手表/家用检测仪）部署轻量化疾病预测模型，实现低延迟、隐私安全的实时健康风险评估。 一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...

编程新知 2025/12/12 16:39:33

解锁数据库简洁之道：FastAPI与SQLModel实战指南

在构建现代Web应用程序时，与数据库的交互无疑是核心环节。虽然传统的数据库操作方式（如直接编写SQL语句与psycopg2交互）赋予了我们精细的控制权，但在面对日益复杂的业务逻辑和快速迭代的需求时，这种方式的开发效率和可…...

编程新知 2025/8/13 16:42:24

工程地质软件市场：发展现状、趋势与策略建议

一、引言 在工程建设领域，准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具，正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...

编程新知 2025/10/6 6:10:29

汇编常见指令

汇编常见指令 一、数据传送指令 指令功能示例说明MOV数据传送MOV EAX, 10将立即数 10 送入 EAXMOV [EBX], EAX将 EAX 值存入 EBX 指向的内存LEA加载有效地址LEA EAX, [EBX4]将 EBX4 的地址存入 EAX（不访问内存）XCHG交换数据XCHG EAX, EBX交换 EAX 和 EB…...

编程新知 2025/11/4 20:56:54

SiFli 52把Imagie图片，Font字体资源放在指定位置，编译成指定img.bin和font.bin的问题

分区配置 (ptab.json) img 属性介绍： img 属性指定分区存放的 image 名称，指定的 image 名称必须是当前工程生成的 binary 。 如果 binary 有多个文件，则以 proj_name:binary_name 格式指定文件名， proj_name 为工程 名&…...

编程新知 2025/12/15 14:15:30

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights） 多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

Windows 下端口占用排查与释放全攻略

Windows 下端口占用排查与释放全攻略​ 在开发和运维过程中，经常会遇到端口被占用的问题（如 8080、3306 等常用端口）。本文将详细介绍如何通过命令行和图形化界面快速定位并释放被占用的端口，帮助你高效解决此类问题。​ 一、准…...

编程新知 2025/10/5 19:22:12

Vue 实例的数据对象详解

Vue 实例的数据对象详解 在 Vue 中，数据对象是响应式系统的核心，也是组件状态的载体。理解数据对象的原理和使用方式是成为 Vue 专家的关键一步。我将从多个维度深入剖析 Vue 实例的数据对象。 一、数据对象的定义方式 1. Options API 中的定义 在 Options API 中，使用 …...

编程新知 2025/12/7 4:13:41

MySQL基本操作（续）

第3章：MySQL基本操作（续） 3.3 表操作 表是关系型数据库中存储数据的基本结构，由行和列组成。在MySQL中，表操作包括创建表、查看表结构、修改表和删除表等。本节将详细介绍这些操作。 3.3.1 创建表 在MySQL中&#…...

编程新知 2025/10/29 21:03:56