• Уважаемые посетители сайта esp8266.ru!
    Мы отказались от размещения рекламы на страницах форума для большего комфорта пользователей.
    Вы можете оказать посильную поддержку администрации форума. Данные средства пойдут на оплату услуг облачных провайдеров для сайта esp8266.ru
  • Система автоматизации с открытым исходным кодом на базе esp8266/esp32 микроконтроллеров и приложения IoT Manager. Наша группа в Telegram

Нужна помощь Отправка картинки с файловой системы на страницу

А

Александр663454

New member
Всем привет!
Возникла необходимость добавить на страницу несколько картинок...
Собственно вопрос состоит в том как их передать, нашёл пример как передавать саму страницу с FS, но с картинкой ничего не выходит :(
Помогите пожалуйста кому не трудно)
 
tretyakov_sa

tretyakov_sa

Moderator
Команда форума
Если web сервер работает. То любая картинка вставляется на страницу как обычная картинка.
 
Сергей_Ф

Сергей_Ф

Moderator
Команда форума
@Александр663454 если вы покажете, как у вас не работает, то тогда помогут. А у экстрасенсов сегодня выходной.
п.с. диска С: на esp нет, если что.
 
А

Александр663454

New member
Сергей_Ф написал(а):
@Александр663454 если вы покажете, как у вас не работает, то тогда помогут. А у экстрасенсов сегодня выходной.
п.с. диска С: на esp нет, если что.
Нажмите для раскрытия...
Что там показывать то, подключаю стандартно через <img>, картинка лежит вместе со страницей на есп. Возможно я что то не так делаю, с есп недавно работаю...
 
Сергей_Ф

Сергей_Ф

Moderator
Команда форума
@Александр663454 что значит "через <img>? Вы код скетча на esp покажите. Или она должна по вашему желанию что то делать?
Вы подняли на ней веб-сервер? Обработчик запросов поставили?
 
А

Александр663454

New member
Сергей_Ф написал(а):
@Александр663454 что значит "через <img>? Вы код скетча на esp покажите. Или она должна по вашему желанию что то делать?
Вы подняли на ней веб-сервер? Обработчик запросов поставили?
Нажмите для раскрытия...
По желанию было бы хорошо;)
Вот обработчик:

void handleRoot(){
File file = SPIFFS.open("/index.htm", "r");
size_t sent = server.streamFile(file, "text/html");
file.close();
}
 
tretyakov_sa

tretyakov_sa

Moderator
Команда форума
Александр663454 написал(а):
По желанию было бы хорошо;)
Вот обработчик:

void handleRoot(){
File file = SPIFFS.open("/index.htm", "r");
size_t sent = server.streamFile(file, "text/html");
file.close();
}
Нажмите для раскрытия...
Вы нормально веб сервер сделайте или пишите обработчик и на адрес картинки.
 
C

CodeNameHawk

Moderator
Команда форума
Этот код вы где то то то выдрали.
Смотрите пример FSWebServer а ардуиноиде.
 
C

CodeNameHawk

Moderator
Команда форума
Александр663454 написал(а):
Уже смотрел...
Нажмите для раскрытия...
На него не надо смотреть, тупо копируете и вуаля.

Забросьте ему файлы index.html (это в папку data, которая должна быть в папке проекта)
HTML: 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>"(c) by kmh"</title>
</head>
<body>
  <p><img src="images/dzen.png" alt="Pisma mastera dzen"></p>
</body>
</html>
и в папку images файл dzen.png
dzen.png

Загрузите скетч, загрузите файловую систему.
Откройте по адресу есп (который виден в сом)
IP/index.html

Если ищите что то особенное, пишите не стесняйтесь, так как экстрасенсы уехали в теплые края.
 
А

Александр663454

New member
CodeNameHawk написал(а):
На него не надо смотреть, тупо копируете и вуаля.

Забросьте ему файлы index.html (это в папку data, которая должна быть в папке проекта)
HTML: 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>"(c) by kmh"</title>
</head>
<body>
  <p><img src="images/dzen.png" alt="Pisma mastera dzen"></p>
</body>
</html>
и в папку images файл dzen.png
Посмотреть вложение 6770

Загрузите скетч, загрузите файловую систему.
Откройте по адресу есп (который виден в сом)
IP/index.html

Если ищите что то особенное, пишите не стесняйтесь, так как экстрасенсы уехали в теплые края.
Нажмите для раскрытия...
Хорошо попробую, как я понял смысл в том что нужно создать папку images в папке data и туда скинуть картинку? Или надо ещё какой то дополнительный код для самой есп писать для этого?
 
C

CodeNameHawk

Moderator
Команда форума
Александр663454 написал(а):
смысл в том что нужно создать папку images в папке data и туда скинуть картинку?
Нажмите для раскрытия...
Нет. Папка только для вашего удобства. Есть папка или ее нет, надо правильно указать путь к файлу.
Александр663454 написал(а):
Или надо ещё какой то дополнительный код для самой есп писать для этого?
Нажмите для раскрытия...
В есп должен быть код WebServer, который выдаст файл по запросу.
В примере запрос файла это
HTML: 
<p><img src="images/dzen.png" alt="Pisma mastera dzen"></p>
ну и сам index.html файл.
Александр663454 написал(а):
Уже смотрел...
Нажмите для раскрытия...
И что у вас увиделось?
 
Войдите или зарегистрируйтесь для ответа.
Сверху Снизу