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

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

news 2025/9/16 22:59:01

本文章主要记录基于【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是什么意思: 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

SkyWalking 10.2.0 SWCK 配置过程

SkyWalking 10.2.0 & SWCK 配置过程 skywalking oap-server & ui 使用Docker安装在K8S集群以外，K8S集群中的微服务使用initContainer按命名空间将skywalking-java-agent注入到业务容器中。 SWCK有整套的解决方案，全安装在K8S群集中。具体可参…...

编程新知 2025/8/23 5:51:08

【HarmonyOS 5.0】DevEco Testing：鸿蒙应用质量保障的终极武器

——全方位测试解决方案与代码实战一、工具定位与核心能力 DevEco Testing是HarmonyOS官方推出的一体化测试平台，覆盖应用全生命周期测试需求，主要提供五大核心能力： 测试类型检测目标关键指标功能体验基…...

编程新知 2025/9/9 21:25:50

（二）TensorRT-LLM | 模型导出（v0.20.0rc3）

0. 概述上一节对安装和使用有个基本介绍。根据这个 issue 的描述，后续 TensorRT-LLM 团队可能更专注于更新和维护 pytorch backend。但 tensorrt backend 作为先前一直开发的工作，其中包含了大量可以学习的地方。本文主要看看它导出模型的部分&#x…...

编程新知 2025/9/12 20:53:43

FastAPI 教程：从入门到实践

FastAPI 是一个现代、快速（高性能）的 Web 框架，用于构建 API，支持 Python 3.6。它基于标准 Python 类型提示，易于学习且功能强大。以下是一个完整的 FastAPI 入门教程，涵盖从环境搭建到创建并运行一个简单的…...

编程新知 2025/9/2 4:01:22

Linux-07 ubuntu 的 chrome 启动不了

文章目录问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了，报错如下四、启动不了，解决如下总结问题原因在应用中可以看到chrome，但是打不开(说明：原来的ubuntu系统出问题了，这个是备用的硬盘&a…...

编程新知 2025/8/26 18:48:34

css3笔记（1）自用

outline: none 用于移除元素获得焦点时默认的轮廓线 broder:0 用于移除边框 font-size：0 用于设置字体不显示 list-style: none 消除<li> 标签默认样式 margin: xx auto 版心居中 width:100% 通栏 vertical-align 作用于行内元素 / 表格单元格&#xff…...

编程新知 2025/9/6 3:33:57

在WSL2的Ubuntu镜像中安装Docker

Docker官网链接: https://docs.docker.com/engine/install/ubuntu/ 1、运行以下命令卸载所有冲突的软件包： for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done2、设置Docker…...

编程新知 2025/9/14 10:43:41

#Uniapp篇：chrome调试unapp适配

chrome调试设备----使用Android模拟机开发调试移动端页面 Chrome://inspect/#devices MuMu模拟器Edge浏览器：Android原生APP嵌入的H5页面元素定位 chrome://inspect/#devices uniapp单位适配根路径下 postcss.config.js 需要装这些插件 “postcss”: “^8.5.…...

编程新知 2025/9/14 3:58:53