ESP32 S3 CAM + AsyncWebServer + html

Песочница. Раздел для новичков
1

Всем привет. Не сказать что большой спец в наших Arduino но я сдаюсь биться и прошу помощи.

Вот есть модуль ESP32 S3 CAM. Хочу сделать чтоб он по кнопки на вэб интерфейсе делал фото и потом листать получившиеся фото в галлерее.

Фото моя штуковина делает и сохраняет на диск в папку /camera. Но не получается через html вывести это фото на странице сервера.

Т.е. вот такой код img не выводит

<button class="button" onclick="ShowImage(-1)">Назад</button>
      <img src="/camera/1.jpg" name="photo" width="70%">
<button class="button" onclick="ShowImage(1)">Вперед</button>

Если открывать просто html файл то все прекрасно работает и кнопки назад/вперед через javascript мотают эту галерею. Но не на ESP32.

Вопрос - почему так нельзя выводить картинки или что то не так делаю ?

Отобразить один img можно отправив на сервер запрос:

server.on(“/camera”, HTTP_GET, [](AsyncWebServerRequest * request) {

   request->send(SD_MMC, "/camera/1.jpg", "image/jpg", false);

});

Но так получается вывести только одну картинку. Галерею никак не выходит.

Может кто подскажет?

2

Нужно считать список файлов в папке “camera”, построить web страницу, например с превьюшками найденных картинок, и потом, при выделении пользователем определённой картинки, посылать на esp её имя, и возвращать запрос, который вы уже сделали, только уже с необходимым именем файла.

3

С превьюшками то видимо не выйдет, если img вообще не выводится… Наверное вы имели ввиду с гиперссылками? Так можно действительно сделать массив файлов и нагенерить гиперссылки в цикле.

Обычным html картинку вывести никак не получится?

4

обычно наверное не до конца понятно кто что хочет, но если есть целиковый код, даже до конца не понимая что надо, можно посмотреть и указать что не так)))