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

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

news 2026/5/13 5:11:41

本文章主要记录基于 【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

如何使用Gulf of Mexico构建虚拟世界：元宇宙开发的终极指南

如何使用Gulf of Mexico构建虚拟世界：元宇宙开发的终极指南 【免费下载链接】GulfOfMexico perfect programming language 项目地址: https://gitcode.com/GitHub_Trending/dr/GulfOfMexico Gulf of Mexico（前身为DreamBerd）是一款被称…...

编程新知 2026/5/13 4:49:21

基于Web Audio与Three.js的VR音乐可视化系统开发实践

1. 项目概述：当音乐可视化遇上VR，一次沉浸式体验的探索最近在折腾一个挺有意思的项目，叫“VersaYT/JellyVR”。乍一看这个名字，可能有点摸不着头脑，它其实是一个将YouTube音乐视频的音频频谱，实时转化为虚拟…...

编程新知 2026/5/13 2:40:48

AI Agent配置安全扫描：AgentLint工具实战与供应链风险防护

1. 项目概述：AI Agent配置的“安全门卫”最近在折腾Claude Code和Cursor这类AI编程助手时，我发现了一个既让人兴奋又有点不安的事实：这些工具的配置文件（比如.claude/目录、CLAUDE.md或.cursorrules）功能强大到可以执行…...

编程新知 2026/5/13 1:37:35

5个维度深度解析：如何实现高性能黑苹果系统的架构设计与优化策略

5个维度深度解析：如何实现高性能黑苹果系统的架构设计与优化策略 【免费下载链接】Hackintosh 国光的黑苹果安装教程：手把手教你配置 OpenCore 项目地址: https://gitcode.com/gh_mirrors/hac/Hackintosh 在传统PC硬件与macOS系统兼容性的技术挑战…...

编程新知 2026/5/13 1:11:14

本地化AI代码助手部署指南：从模型选型到性能调优

1. 项目概述：一个面向开发者的本地化AI代码助手最近在GitHub上看到一个挺有意思的项目，叫“JPeetz/Hermes-Studio”。乍一看名字，可能会联想到希腊神话里的信使赫尔墨斯，或者某个设计软件。但点进去你会发现，这其实是一…...

编程新知 2026/5/13 1:03:10

从规范到验证：构建企业级环境变量与密钥安全管理体系

1. 项目概述：从“裸奔”到“装甲车”的密钥管理进化在开发一个现代应用时，我们几乎不可避免地要和一堆敏感信息打交道：数据库密码、API密钥、第三方服务的访问令牌、加密盐值……这些信息，我们通常称之为“环境变量”或“密钥”。…...

编程新知 2026/5/13 0:08:10

观察Taotoken在多模型同时高并发调用下的服务表现

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 观察Taotoken在多模型同时高并发调用下的服务表现 在构建依赖大模型能力的应用时，一个常见的工程挑战是如何应对突发的…...

编程新知 2026/5/12 22:50:45

离散流匹配与MaskFlow框架：视频生成技术解析

1. 离散流匹配在视频生成中的技术演进 视频生成技术近年来取得了显著进展，但长视频生成仍然面临两大核心挑战：一是如何有效建模视频中复杂的时空动态关系，二是如何在有限的计算资源下实现高效生成。传统方法通常采用固定长度的训练序列&…...

编程新知 2026/5/12 21:42:51

体验Taotoken多模型聚合在内容生成任务中的效果差异

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 体验Taotoken多模型聚合在内容生成任务中的效果差异 在实际的开发与创作工作中，我们常常面临一个选择：针对…...

编程新知 2026/5/12 20:39:13

PortProxyGUI：Windows端口转发图形化管理终极指南

PortProxyGUI：Windows端口转发图形化管理终极指南 【免费下载链接】PortProxyGUI A manager of netsh interface portproxy which is to evaluate TCP/IP port redirect on windows. 项目地址: https://gitcode.com/gh_mirrors/po/PortProxyGUI 在Windows网络…...

编程新知 2026/5/12 16:24:10