Как заставить браузер отображать изображение? - PullRequest
0 голосов
/ 06 августа 2020

Я хочу отобразить изображение на странице в браузере, но по какой-то причине он будет отображать только тег alt (в дополнение к упорядоченному списку под ним). Путь к изображению правильный, это видно слева на скриншоте выше (я добавил код HTML внизу). VSCode также предлагает файлы при построении пути в теге img и успешно находит изображение test.jpg.

html code for page

The screenshot below is what gets displayed. The rest of the project is written in JavaScript (specifically Node), but again the problem seems to be only with displaying the image.

actual output on page

HTML code:

<!DOCTYPE html>
  Название теста   
Grandma with a gun
  1. первый
  2. второй

EDIT: добавлены изображения кода сервера ниже

app.js

маршруты. js

1 Ответ

1 голос
/ 06 августа 2020

На самом деле вы обслуживаете отдельные файлы, это неправильный способ. Для обслуживания файлов stati c с использованием Express используйте сервер Express Stati c.

app.use(express.static('static'));

И переместите все файлы stati c в директорию назван static. В противном случае вам, возможно, придется сделать следующее:

app.get("/test.html", (req, res) => {
  res.sendFile("./test.html");
});
app.get("/images/test.jpg", (req, res) => {
  res.sendFile("./images/test.jpg");
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...