How to Include Static Images in Express JS

Ever wonder how to include static images or assets in your Express JS application? Find out how in this quick and easy tutorial.

Resources:
-----------------

Background Thumbnail Photo by rawpixel on Unsplash

[jc]

Can't even describe how much I appreciate this video. Thank you so much!!!

[ADITYA-kpvb]

This was the exact thing which i've been looking for !!!, Thanks mate

[helenchristine]

I was researching this answer for a LONG TIME... Thank you for your help :D

[sylvainpeter]

Thank you so much for this video! I was struggling with this issue for almost a week... now all works like a charm!

[Colareiin]

I was tearing my hair out with this!! thanks so much!

[mannyc]

WOW... IT WAS THAT EASY?! I couldn't figure it out so I uploaded my image to Cloudinary and then put that link in my code haha

[thilakrajravi]

Thank you sir for resolving my issue...

[Dev-pbdx]

Hey, I tried adding background image, but its not working, can you help me out or make a video doing same.

[raguld]

Bro, Thank you soooo much, this helped me a lot,

[cookiigames]

Thanks! for my I realised I needed to do `app.use(express.static(path.join(__dirname, "../public")));` & `app.set("views", path.join(__dirname, "../views"))` with the ../ and it worked perfectly.

[christianhammervig]

it's still not working for me I have tried all 3 lines and I just get: Cannot GET /a.png 😒😖
hmm I had made a small critical error, my folder was named pubilc instead op public and I only just saw it now

[Gagan]

I frustrated with this problem thanks a lot sir

[gerarddraadjer]

What if you have another directory within the views directory? For example: views/campgrounds/index.ejs. In this file it doesn't exept my script file from scripts/index.js :(

[ankitnerlakanti]

Hi Ian,

Did you change the course contents of Code with Node on Devsprout?