Images are not getting loaded from static file

Question

"""
codes in settings.py
"""

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '*-by0qr_kjdy8soie*gt*lg0vo+pc(1#34b5g-q1e=uv5%phzt'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'travello.apps.TravelloConfig',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'telusko.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'telusko.wsgi.application'


# Database
# https://docs.djangoproject.com/en/2.2/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}


# Password validation
# https://docs.djangoproject.com/en/2.2/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization
# https://docs.djangoproject.com/en/2.2/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static')
]
STATIC_ROOT = os.path.join(BASE_DIR, 'assets')

MEDIA_ROOT = '/static/images/media'

MEDIA_URL = '/media/'

Added bellow code but still it has not solved

MEDIA_ROOT = '/static/images/media'

MEDIA_URL = '/media/'

STATIC_URL = '/static/'
STATICFILES_DIR = [
    os.path.join(BASE_DIR,'static')
]
STATIC_ROOT =  os.path.join(BASE_DIR,'assets')

I have added bootstrap template to my Django project. I am facing the problem with the images are not getting load when check index.html in local host, when I inspect the html code it's showing error like this "GET /images/destination_4.jpg HTTP/1.1" 404 2300" while All other static files are getting loaded. I have ensured that the presense of 'django.contrib.staticfiles', in installed app, also added STATIC_DIR and STATIC_ROOT in settings.py and in html page static files are loaded. Please let me know the solution. I have added index.html code and STATIC_URL below.





    Travello
    
    
    
    
    {% load staticfiles %}
    
    
    
    
    
    
    





	
	

	
		
			
				
					
						
							Travello
							
								
									Home
									About us
									Services
									News
									Contact
								
							
							Call us: 00-56 445 678 33

							

							
								
							

						
					
				
			
		
		
			
				
				
				
				
				
				
			
		
	

	

	
		
			Travello
			

		
		
			
				Home
				About us
				Services
				News
				Contact
			
		
		
			Call us: 00-56 445 678 33
			
				
				
				
				
				
				
			
		
	
	
	

	
		
		
		
			
				
				
				
					
					
						
							
								
									
										Let us take you away
									
								
							
						
					
				

				
				
					
					
						
							
								
									
										Let us take you away
									
								
							
						
					
				

				
				
					
					
						
							
								
									
										Let us take you away
									
								
							
						
					
				

			

			
				
					Offers01
					Testimonials02
					Latest03
				
			
		
	

	

	
		
			
				
					
						Search for your trip
						
							
								
									
									
									
									
									
								
							
						
					
				
			
		
	

	

	
		
		
			
				
					
						

							
							
								
									
									
										Top Destinations
										Nulla pretium tincidunt felis, nec.
									
								
							

							
							
								
									
									
										The Best Prices
										Sollicitudin mauris lobortis in.
									
								
							

							
							
								
									
									
										Amazing Services
										Nulla pretium tincidunt felis, nec.
									
								
							

						
					
						
			
		
	

	

	
		
			
				
					simply amazing places
					Popular Destinations
				
			
			
				
					

						
						
							
								
								Special Offer
							
							
								Bali
								Nulla pretium tincidunt felis, nec.
								From $679
							
						

						
						
							
								
							
							
								Indonesia
								Nulla pretium tincidunt felis, nec.
								From $679
							
						

						
						
							
								
							
							
								San Francisco
								Nulla pretium tincidunt felis, nec.
								From $679
							
						

						
						
							
								
							
							
								Paris
								Nulla pretium tincidunt felis, nec.
								From $679
							
						

						
						
							
								
							
							
								Phi Phi Island
								Nulla pretium tincidunt felis, nec.
								From $679
							
						

						
						
							
								
							
							
								Mykonos
								Nulla pretium tincidunt felis, nec.
								From $679
							
						

					
				
			
		
	

	

	
		
		
			
				
					simply amazing places
					Testimonials
				
			
			
				

					
					
						
							
							
							
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. lobortis dolor. Cras placerat lectus a posuere aliquet. Curabitur quis vehicula odio.
								
									
										john turner,
										client
									
								
							

							
							
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. lobortis dolor. Cras placerat lectus a posuere aliquet. Curabitur quis vehicula odio.
								
									
										john turner,
										client
									
								
							

							
							
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. lobortis dolor. Cras placerat lectus a posuere aliquet. Curabitur quis vehicula odio.
								
									
										john turner,
										client
									
								
							

						
					
				
			
		
		
			
				City Breaks Clients01
				Cruises Clients02
				All Inclusive Clients03
			
		
	

	

	
		
			
				
					
						
						
						
							
							
								
									02
									june
								
								Best tips to travel light
								
									
										lifestyle & travel
									
								
								
									Pellentesque sit amet elementum ccumsan sit amet mattis eget, tristique at leo. Vivamus massa.Tempor massa et laoreet.
								
							
						

						
						
							
							
								
									01
									june
								
								Best tips to travel light
								
									
										lifestyle & travel
									
								
								
									Tempor massa et laoreet malesuada. Pellentesque sit amet elementum ccumsan sit amet mattis eget, tristique at leo.
								
							
						

						
						
							
							
								
									29
									may
								
								Best tips to travel light
								
									
										lifestyle & travel
									
								
								
									Vivamus massa.Tempor massa et laoreet malesuada. Aliquam nulla nisl, accumsan sit amet mattis.
								
							
						

					
				

				
				
					
						
						
							
								
								
							
						
						
							
								
									Get a 20% Discount
									Buy Your Vacation Online Now
								
							
						
					
				
			
		
	

	

	
		
		
			
				
					
						
							Subscribe to our newsletter to get the latest trends & news
							Join our database NOW!
						
						
							
								
									
									
								
								
							
						
					
				
			
			
				
					

						
						
							
								
								give us a call
								
									
										Office Landline: +44 5567 32 664 567
										Mobile: +44 5567 89 3322 332
									
								
							
						

						
						
							
								
								come & drop by
								
									
										4124 Barnes Street, Sanford, FL 32771
									
								
							
						

						
						
							
								
								send us a message
								
									
										youremail@gmail.com
										Office@yourbusinessname.com
									
								
							
						

					
				
			
		
		
Copyright © All rights reserved | This template is made with  by Colorlib

IVNSTN · Accepted Answer

Once again, this log record

GET /images/destination_4.jpg HTTP/1.1" 404 2300

is clearly saying that you're trying to access URL which is not under STATIC_URL address. Since you said that some of files work fine I surmised that config is correct but image URL is not.

Here is an example of well defined static file URL:

here all your Django settings for static files will take effect.

Below is one of the problematic places:

static template tag is not used here thus this is just a constant URL. Moreover, this is relative URL (because it does not start with /) and will result in different absolute URL on different pages. Fix this, start using static template tag here and images will load just fine (if they exist in specified folder).

One more thing which is perhaps the cause of other problems: you defined MEDIA_ROOT as /static/images/media which is inside static files folder. That is not really a good idea. Note, media files in Django mean dynamic, editable files uploaded by users. If an image or a video is a part of your solution (like logo, favicon, backround image) - they are not "media" in terms of Django - they are "static" files. Yes, you can put them into separate subfolder just like any .js or .css files - but they will remain static and you have to work with them like with other static files.

You should not mix media files with static inside one directory because you will be overwriting static folder from time to time during deployment of new releases of your Django project.

Images are not getting loaded from static file

Answers (2)

Related Questions