Static media images are not displaying in Django

by

models.ImageField – these are media files, not static.

They get affected by settings: MEDIA_ROOT, MEDIA_URL

What the docs say about MEDIA_ROOT:

Absolute filesystem path to the directory that will hold user-uploaded files.

Warning

MEDIA_ROOT and STATIC_ROOT must have different values.

And media files should not be mixed with static files in folders.

Media files should be referenced like that

<img src="{{ item.image.url }}" />

here image – your field name, for image2 it would be item.image2.url

You have mixed static and media files by these field options:

image = models.ImageField(upload_to='static/media',blank=True)
image2 = models.ImageField(upload_to='media/%Y/%m/%d',blank=True)
image3 = models.ImageField(upload_to='media/%Y/%m/%d',blank=True)

now some of media files (image2, image3) are reachable through MEDIA_URL (because they belong to MEDIA_ROOT folder), some (image) are not – because they belong to STATIC_ROOT folder. You have found a workaround – you reference image field by "{% static item.image %}" trick which can help overcoming wrong setup but is also not a right way.

Also, your teammate might be having troubles with accessing “static” files because the term static is being misused. Again, files stored in the ImageFields are not static and are not part of your project. They are supposed to be uploaded by users and never stored in git. If you want to share them – you have to share files already uploaded to your local /media/... folders somehow.

Static files are/can be something like:

  • favicon.ico
  • main.css
  • robots.txt
  • popup.js
  • top_banner.jpg

So:

  • change upload_to for image field
  • move already uploaded files to new folder (under media folder), update file paths in the db
  • fix the way you reference these media files in templates to ...image.url

see also:

More Related Contents:

  1. Django MEDIA_URL and MEDIA_ROOT
  2. Differences between STATICFILES_DIR, STATIC_ROOT and MEDIA_ROOT
  3. django html template can’t find static css and js files
  4. Difference between static STATIC_URL and STATIC_ROOT on Django
  5. What’s the point of Django’s collectstatic?
  6. ValueError: Missing staticfiles manifest entry for ‘favicon.ico’
  7. Django staticfiles not found on Heroku (with whitenoise)
  8. Can I make STATICFILES_DIR same as STATIC_ROOT in Django 1.3?
  9. How to override css in Django Admin?
  10. Django dynamic model fields
  11. Django filter queryset __in for *every* item in list
  12. How to execute a Python script from the Django shell?
  13. Django, creating a custom 500/404 error page
  14. Django: Redirect to previous page after login
  15. How do I force Django to ignore any caches and reload data?
  16. Django: Adding “NULLS LAST” to query
  17. How can I login to django using tastypie
  18. Django Rest Framework writable nested serializers
  19. How can I save my secret keys and password securely in my version control system?
  20. get request data in Django form
  21. How do I use Django templates without the rest of Django?
  22. Calling a REST API from django view
  23. Django – makemigrations – No changes detected
  24. Class has no objects member
  25. How to escape {{ or }} in django template?
  26. Django 1.11 TypeError context must be a dict rather than Context
  27. How do I filter values in a Django form using ModelForm?
  28. Django cannot import login from django.contrib.auth.views
  29. Does Django have a way to open a HTTP long poll connection?
  30. What is PyMySQL and how does it differ from MySQLdb? Can it affect Django deployment?

Leave a Comment