超级会员免费看
本文介绍了如何在ESP32 Web服务器上插入图片，并设置图片作为超链接，当用户点击图片时，网页会跳转到预设的URL。通过示例解析了前端和后端代码实现这一功能，展示了实际效果，并讨论了此类Web服务器在数据下载方面的优势。
ESP32-Web-Server编程-在网页中插入图片
概述
图胜与言，在网页端显示含义清晰的图片，可以使得内容更容易理解。
需求及功能解析
本节演示在 ESP32 Web 服务器上插入若干图片。在插入图片时还可以对图片设置一个超链接，用户点击该图片时，网页将跳转到图片对应的链接网址。
示例解析
-
目录结构
├── CMakeLists.txt ├── main │ ├── CMakeLists.txt │ └── main.c User application ├── components │ └── fs_image └── README.md This is the file you are currently reading- 目录结构主要包含主目录 main，以及组件目录 components.
- 其中组件目录components中包含了用于存储网页文件的 fs_image 目录。
前端代码
前端代码设置了插入图片的文件名，并设置 snow.png 图片的超链接：
<body>
<h2>ESP Image Web Server</h2>
<img src="sun.png">
<img src="sun-cloud">
<img src="cloud.png
订阅专栏 解锁全文
1459
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
