Displaying an image with EJS in node.js/express

Question

I\'m just trying to get setup with node.js/express/ejs. I know ejs isn\'t actual HTML and so I\'m having a hard time just displaying a simple image. Can someone point me in the

Answer 1

My js file was here c:/blog/index.js and image file c:/blog/views/image.js. And entered js file this code

app.use( express.static( "views" ) );

then in CSS added property

body {
background-image: url("./image.jpg"); }

Answer 2

Static files in Express must go inside the directory specified in your static middleware. This is commonly ./public/.

For example, in your server.js you may have something like this:

app.use( express.static( "public" ) );

Each file inside this folder will be accessible from the root URL, so this will work:

<img src="logo.jpg" />

Answer 3

You have to assign app.use( express.static( "public" ) ); on app.js then don't forget the / as root:

<img src="/images/logo.jpg" />

the images folder should be in public folder:

- public/
  - images/
    - logo.png
- app.js