Invalid file when uploading form in Django with a file field

Question

I am new Django and am creating a social network website to get my hands on it. I have made a form for uploading profile picture and successfully rendered in my template but when I am uploading it I am getting an error named profile_pic. Please help me out with this.

views.py - This is the processing that I am doing. I get here an invalid form error and the line return HttpResponse(profilePicForm.errors) returns profile_pic as response.

if request.method == "POST":
        profilePicForm = ProfilePicForm(request.POST, request.FILES)
        if profilePicForm.is_valid():
            return HttpResponse("<h1>Valid</h1>")
            profilePic = ProfilePictures()
            query = UserInfo.objects.filter(id=id)
            for user in query:
                profilePic.user = user
                break
            profilePic.profile_pic = profilePicForm.cleaned_data['profile_pic']
            profilePic.save()
            return redirect('newsfeed:profile')
        else:
            return HttpResponse(profilePicForm.errors)

forms.py - The form class

class ProfilePicForm(forms.Form):
    profile_pic = forms.FileField()

profile.html - This is how I am rendering it.

<form action="{% url 'newsfeed:uploadProfilePic' %}" method="post">
        {% csrf_token %}
        {{ profilePicForm.as_p }}
        <button type="submit">Upload</button>
    </form>

This does not provide any direct solution to your problem but just to let you know there is an ImageField in Django that you can use! Check here — dstrants
– dstrants, Commented May 30, 2018 at 6:50

neverwalkaloner · Accepted Answer · 2018-05-30 06:48:50Z

2

It's common practice to render same template if form is not valid, to see error messages on the web page, so instead of return HttpResponse(profilePicForm.errors) you shoud do something like this:

if profilePicForm.is_valid():
        return HttpResponse("<h1>Valid</h1>")
        profilePic = ProfilePictures()
        query = UserInfo.objects.filter(id=id)
        for user in query:
            profilePic.user = user
            break
        profilePic.profile_pic = profilePicForm.cleaned_data['profile_pic']
        profilePic.save()
        return redirect('newsfeed:profile')
    else:
        return render(request, 'template.html', {'profilePicForm': profilePicForm})

Also for file uploading you should add to the form enctype="multipart/form-data":

<form action="{% url 'newsfeed:uploadProfilePic' %}" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ profilePicForm.as_p }}
    <button type="submit">Upload</button>
</form>

edited May 30, 2018 at 6:48

answered May 30, 2018 at 6:43

neverwalkaloner

47.6k7 gold badges101 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user7633957 Over a year ago

With print(profilePicForm.errors) I am getting - <ul class="errorlist"><li>profile_pic<ul class="errorlist"><li>This field is required.</li></ul></li></ul>

neverwalkaloner Over a year ago

@kodeturtle looks like you missed enctype="multipart/form-data" check updates.

user7633957 Over a year ago

Oyes, it worked. That was a very silly mistake from my side. Thank You!

Collectives™ on Stack Overflow

Invalid file when uploading form in Django with a file field

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related