ESP32-Web-Server编程-在网页中插入图片

2023-12-13 04:05:27

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

文章来源:https://blog.csdn.net/wangyx1234/article/details/134819547
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。