Image not uploading in Django

Question

I have uploaded an image in admin portal but it is not rendering in html template how can i solve this? below are the source codes! models.py

from django.db import models
from django.contrib.auth import get_user_model
from PIL import Image

class Question(models.Model):
    question_relation=models.ForeignKey('Answer',related_name='ques',on_delete=models.CASCADE)
    question_image=models.ImageField(upload_to='levels/media/')
    text=models.TextField(blank=True,max_length=100)

    def __str__(self):
        return str(self.question_relation)

html file

 <div style="margin-left:35%;margin-right:35%">
       <img src="{{Question.question_image.url}}" alt="">
            <form class="post-form" method="post">
            {%csrf_token%}
            {{form.as_p}}
            <button type="submit" class="save btn btn-default">Submit</button>
            </form>
            <script>var editor=new MediumEditor('.editable');</script>

        </div>

i have included these in my urls.py

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

on checking the inspect element in img src it appears as (unknown). i dont know why it is not able to pick up the url of image

settings.py

MEDIA_URL="/media/"
MEDIA_ROOT=os.path.join(BASE_DIR,'levels/media')

views.py

from django.shortcuts import render,redirect,get_object_or_404
from django.views.generic import *
from . import models
from django import forms
from .forms import CheckAnswer
from django.contrib.auth.decorators import login_required
from .models import Question

# Create your views here.
@login_required
def Arena1(request):
    if request.method=='POST':
        form = CheckAnswer(request.POST)
        if form.is_valid():
            return redirect('thanks')
    else:
        form=CheckAnswer()
    args={'form':form}
    return render(request,'levels/arena1.html',args)

i tried it. but still not displaying image.when i just checked inspect element the img tag didnot have any src in it it states unknown there...please help--@PankajSharma — arnav dawer, Oct 19 '18 at 09:43
check in your admin panel, whether the image is uploaded successfully or not? — Pankaj Sharma, Oct 19 '18 at 09:45
yes in admin portal it is displaying. In admin whin i click the image link it displays the image -@PankajSharma — arnav dawer, Oct 19 '18 at 09:48
you are not rending any `Question` object from views then how can you use `Question` in your html — Pankaj Sharma, Oct 19 '18 at 10:05
so using data=Question.objects.all()would solve this?? -@PankajSharma — arnav dawer, Oct 19 '18 at 10:06
You check if the form is valid and then redirect without doing anything with your form's data... If that's a ModelForm, you're supposed to call `form.save()` #facepalm# — bruno desthuilliers, Oct 19 '18 at 10:07
no Question must be an object of `Question`, like you can use - `args['Question'] = Question.objects.get(pk=1)` — Pankaj Sharma, Oct 19 '18 at 10:09
can you please provide me the modifications which i need to do in pioece of code...updates code of mine.. It would be really helpful--@PankajSharma — arnav dawer, Oct 19 '18 at 18:12

score 3 · Answer 1 · answered Oct 19 '18 at 09:37

You forgot to set enctype="multipart/form-data"

Update your form as -

<form class="post-form" method="post" enctype="multipart/form-data">
        {%csrf_token%}
        {{form.as_p}}
        <button type="submit" class="save btn btn-default">Submit</button>
        </form>

When you are writing client-side code, all you need to know is use multipart/form-data when your form includes any elements.If you want know why see here.

Image not uploading in Django

1 Answers1