obrazy z pliku multimedialnego nie zostaną wyświetlone w szablonie django

Jestem nowym użytkownikiem django i bawiłem się przesyłaniem zdjęć, a następnie ich wyświetlaniem. ... dobrzepróbować aby je wyświetlić.

Ilekroć próbuję wyświetlić obraz z szablonu, otrzymuję ikonę łącza zerwanego obrazu.

Używam serwera sqlite3

settings.py

ROOT_DIR = os.path.dirname(os.path.dirname(__file__))
def location(f):
    return os.path.join(ROOT_DIR, f)
MEDIA_URL = 'http://127.0.0.1:8000/media/'
MEDIA_ROOT = location('media/')

models.py

class Image(models.Model):
    image = models.ImageField(upload_to = 'images/')

views.py

from imageupload.settings import MEDIA_ROOT, MEDIA_URL

def main(request):
    imgs = Image.objects.all()
    return render_to_response('index.html', {'images': imgs, 'media_root': MEDIA_ROOT, 'media_url': MEDIA_URL})

url.py

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Właśnie teraz użyłem administratora do przesyłania zdjęć. I to wydaje się działać dobrze, idą tam, gdzie oczekuję

Ale kiedy próbuję je wyświetlić:
szablon

<!DOCTYPE html>
<html>
    <img src="<correct path to project>/media/images/photo_1.JPG" />

    {% for img in images %}
    <img src="{{ media_root }}{{ img.image.name }}" />
    <img src="{{ media_url }}{{ img.image.name }}" />
    <img src="{{ img.image.url }}" />
    {% endfor %}
</html>

Dostaję złamaną ikonę dla każdego z nich.
Kod źródłowy przeglądarki pokazuje mi:

<!DOCTYPE html>
<html>
    <img src="<correct path to project>/media/images/photo_1.JPG" />    
    <img src="<correct path to project>/media/images/photo_1.JPG" />    
    <img src="http://127.0.0.1:8000/media/images/photo_1.JPG" />
    <img src="http://127.0.0.1:8000/media/images/photo_1.JPG" />
</html>

to ma sens, mam tylko jedno zdjęcie przesłane.
a jeśli skopiuję jeden z twardych linków i umieścisz go w innym pliku html ... to działa

questionAnswers(2)

yourAnswerToTheQuestion