title: media image rendered by django template broken
body: <p>settings.py</p>
  
  <pre><code>INSTALLED_APPS = [...#'django.contrib.staticfiles',]
  
  STATIC_URL = '/static/'
  STATIC_ROOT = os.path.join(BASE_DIR, 'static')
  
  MEDIA_URL = '/media/'
  MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
  </code></pre>
  
  <p>my_app/urls.py</p>
  
  <pre><code>urlpatterns = [
  url(r'^welcome/', views.upload, name='upload'),] + 
  static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
  </code></pre>
  
  <p>my_app/templates/template.html</p>
  
  <pre><code>&lt;img src='media/my_image.jpeg'&gt;
  </code></pre>
  
  <p>my_app/views.py</p>
  
  <pre><code>def upload(request):
      if request.METHOD == 'POST:
      ...
          return redirect(to another page)
      return render(request, 'template.html')
  </code></pre>
  
  <p>The template.html renders correctly, but the image is broken.</p>
  
  <p>When I tried</p>
  
  <pre><code>curl -D - http://127.0.0.1:8000/my_app/welcome/media/my_image.jpeg
  </code></pre>
  
  <p>I get a 200 and when I go the welcome URL in the browser the backend returns </p>
  
  <pre><code>[22/Mar/2018 13:31:57] "GET /my_app/welcome/ HTTP/1.1" 200 411
  [22/Mar/2018 13:31:57] "GET /my_app/welcome/media/my_image.jpeg HTTP/1.1" 200 411
  </code></pre>
  
  <p>so I don't think it's a url problem. Chrome is showing images. Any Ideas?</p>