title: Image from database doesn't display in a django template even though the image is available when right-clicked "save as"
body: <p>I'm on development server and I'm trying to display an image in a template uploaded by user.</p>
  
  <p>The image doesn't display even though it seems available to be saved. When I right-click "Save as", file name pops up in the window. </p>
  
  <p>When I try to save the file to the hard drive it gives an error though.</p>
  
  <p>I checked the media folder and it seems models work fine - pictures were uploaded to the media folder as intended. Also, I'm able to retrieve other data from database(chars, integers) - I only struggle with pictures.</p>
  
  <p>I have revived all questions related to image upload available on stackexchange, and made lots of small changes to my code - but nothing seems to help me.</p>
  
  <p>models.py</p>
  
  <pre><code>from django.db import models
  
  class Lesson(models.Model):
      phrase = models.CharField(max_length=200)
      progress_bar = models.DecimalField(max_digits=5, decimal_places=2)
      lesson_slug = models.SlugField(max_length=50)
      def __unicode__(self):
          return self.phrase
  
   class Lesson_Options(models.Model):
       lesson = models.ForeignKey(Lesson)
       option1_photo = models.ImageField(upload_to='images/')
       option1_voice =   models.FilePathField(path="/media/user123/Elements/Projects/PENCIL/lesson/voice/", recursive=True)
       option1_photo_description = models.CharField(max_length=200)
  </code></pre>
  
  <p>views.py</p>
  
  <pre><code>def detail(request, lesson_id):
  le_objects = Lesson.objects.get(pk=lesson_id)
  me_options = Lesson_Options.objects.get(pk=lesson_id)
  lesson = le_objects.progress_bar
  display_test = me_options.option1_photo
  return render(request, 'lesson/detail.html', {'lesson': lesson, 'display_test':   display_test})
  </code></pre>
  
  <p>urls.py (Project urls)</p>
  
  <pre><code>from django.conf.urls import patterns, include, url
  from django.conf import settings
  from django.conf.urls.static import static
  
  # Uncomment the next two lines to enable the admin:
  from django.contrib import admin
  admin.autodiscover()
  
  urlpatterns = patterns('',
      url(r'^lesson/', include('lesson.urls')),
      url(r'^admin/', include(admin.site.urls)),
  )
  </code></pre>
  
  <p>urls.py (Application urls)</p>
  
  <pre><code>from django.conf.urls import patterns, url
  from django.conf import settings
  from django.conf.urls.static import static
  
  from lesson import views
  
  urlpatterns = patterns('',
      # ex: /lesson/
      url(r'^$', views.index, name='index'),
      # ex: /lesson/5/
      url(r'^(?P&lt;lesson_id&gt;\d+)/$', views.detail, name='detail'),
      # ex: /lesson/5/results/
      url(r'^(?P&lt;lesson_id&gt;\d+)/results/$', views.results, name='results'),
  )
  </code></pre>
  
  <p>settings.py</p>
  
  <pre><code>MEDIA_ROOT = '/media/user123/Elements/Projects/PENCIL/lesson/media/'
  
  MEDIA_URL = '/media/'
  </code></pre>
  
  <p>detail.html</p>
  
  <pre><code>&lt;li class="span4"&gt; &lt;a class="thumbnail"&gt; &lt;img alt="hello"
  src="{{ display_test }}" height="300" width="300" class="option1" id="incorrect_answer1"&gt;&lt;/a&gt; &lt;/li&gt;
  </code></pre>
  
  <p>HTML Output</p>
  
  <pre><code>&lt;img alt="hello" src="images/girl_1.jpg" height="300" width="300" class="option1" id="incorrect_answer1"&gt;
  </code></pre>