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

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

news 2025/7/5 18:21:28

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

TDengine 快速体验（Docker 镜像方式）

简介 TDengine 可以通过安装包、Docker 镜像 及云服务快速体验 TDengine 的功能，本节首先介绍如何通过 Docker 快速体验 TDengine，然后介绍如何在 Docker 环境下体验 TDengine 的写入和查询功能。如果你不熟悉 Docker，请使用 安装包的方式快…...

编程新知 2025/7/4 0:18:53

Qt Widget类解析与代码注释

#include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this); }Widget::~Widget() {delete ui; }//解释这串代码，写上注释 当然可以！这段代码是 Qt …...

编程新知 2025/6/15 21:47:30

DAY 47

三、通道注意力 3.1 通道注意力的定义 # 新增：通道注意力模块（SE模块） class ChannelAttention(nn.Module):"""通道注意力模块(Squeeze-and-Excitation)"""def __init__(self, in_channels, reduction_rat…...

编程新知 2025/7/5 1:30:02

ESP32读取DHT11温湿度数据

芯片：ESP32 环境：Arduino 一、安装DHT11传感器库 红框的库，别安装错了 二、代码 注意，DATA口要连接在D15上 #include "DHT.h" // 包含DHT库#define DHTPIN 15 // 定义DHT11数据引脚连接到ESP32的GPIO15 #define D…...

编程新知 2025/7/4 4:03:45

基于数字孪生的水厂可视化平台建设：架构与实践

分享大纲： 1、数字孪生水厂可视化平台建设背景 2、数字孪生水厂可视化平台建设架构 3、数字孪生水厂可视化平台建设成效 近几年，数字孪生水厂的建设开展的如火如荼。作为提升水厂管理效率、优化资源的调度手段，基于数字孪生的水厂可视化平台的…...

编程新知 2025/6/16 21:39:46

反射获取方法和属性

Java反射获取方法 在Java中，反射（Reflection）是一种强大的机制，允许程序在运行时访问和操作类的内部属性和方法。通过反射，可以动态地创建对象、调用方法、改变属性值，这在很多Java框架中如Spring和Hiberna…...

编程新知 2025/6/19 6:08:24

AI编程--插件对比分析：CodeRider、GitHub Copilot及其他

AI编程插件对比分析：CodeRider、GitHub Copilot及其他 随着人工智能技术的快速发展，AI编程插件已成为提升开发者生产力的重要工具。CodeRider和GitHub Copilot作为市场上的领先者，分别以其独特的特性和生态系统吸引了大量开发者。本文将从功…...

编程新知 2025/6/21 2:30:31

智能仓储的未来：自动化、AI与数据分析如何重塑物流中心

当仓库学会“思考”，物流的终极形态正在诞生 想象这样的场景： 凌晨3点，某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径；AI视觉系统在0.1秒内扫描包裹信息；数字孪生平台正模拟次日峰值流量压力…...

编程新知 2025/7/4 22:28:34

Java线上CPU飙高问题排查全指南

一、引言 在Java应用的线上运行环境中，CPU飙高是一个常见且棘手的性能问题。当系统出现CPU飙高时，通常会导致应用响应缓慢，甚至服务不可用，严重影响用户体验和业务运行。因此，掌握一套科学有效的CPU飙高问题排查方法&…...

编程新知 2025/7/5 4:30:06

Xen Server服务器释放磁盘空间

disk.sh #!/bin/bashcd /run/sr-mount/e54f0646-ae11-0457-b64f-eba4673b824c # 全部虚拟机物理磁盘文件存储 a$(ls -l | awk {print $NF} | cut -d. -f1) # 使用中的虚拟机物理磁盘文件 b$(xe vm-disk-list --multiple | grep uuid | awk {print $NF})printf "%s\n"…...

编程新知 2025/6/21 10:27:51