Page not found 404 Django media files

Question:

I am able to upload the files to media folder( '/peaceroot/www/media/') that I have set up in settings.py as below

MEDIA_ROOT = '/peaceroot/www/media/'
MEDIA_URL = '/media/'

But through admin I tried to access the uploaded image file

http://localhost:8000/media/items/1a39246c-4160-4cb2-a842-12a1ffd72b3b.jpg

then I am getting 404 error.

The file exists at peaceroot/www/media/items/1a39246c-4160-4cb2-a842-12a1ffd72b3b.jpg

Asked By: madhu131313

||

Answers:

Add media url entry in your project urlpatterns:

from django.conf.urls.static import static
from django.conf import settings

...
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
Answered By: v1k45

The better way for MEDIA_ROOT is,

try to make media path dynamic will be easy when you shift your project.

Settings.py

BASE_DIR = os.path.dirname(os.path.dirname(__file__))


MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\', '/')
MEDIA_URL = '/media/'

urls.py

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Look at this

https://docs.djangoproject.com/en/dev/howto/static-files/

Answered By: Kamlesh

Just to add: in case the other answers do not work for you, try putting the static url before the other ones. Like so:

urlpatterns = static(...) + [...]

What may be happening is that some of your patterns in the list prevent the request from reaching the static handlers. So putting the static handlers first solves this. Worked for me.

Answered By: Seyi Shoboyejo

In my development server I fixed it by commenting out these lines in settings.py

STATICFILES_DIRS = (
     os.path.join(BASE_DIR, 'static'),
)
Answered By: Sumithran

In template create link by anchor tag and add .url in the end to that fileobject
e.g

{% for post in post %}

   <a href="{{post.imagefilename.url}}" > 

{% endfor %}
Answered By: star700p

This is a server error. I’m assuming you are using Nginx. Just add this in your Nginx Configuration file(/etc/nginx/sites-available/example.com) just under location /static/

location /media/ {
    root /home/user/myprojectdir;
}

Here, user should be your username you created and myprojectdir should be your project directory.

Answered By: Yatish Soorma