将图像上传到 Django 中的 ModelForm 中？

Question

I am having trouble uploading an image into with a form through Django. The file does not appear in my `templates/auctions' directory, nor does it render in my template (probably because it never uploaded).

In my views.py :

@login_required(login_url="login")
def createListing(request):
    if request.method == "POST":
        filled_form = CreateListing(request.POST, request.FILES)
        if filled_form.is_valid():
            user = User.objects.get(username=request.user)
            
            new_listing = filled_form.save(commit=False)
            new_listing.listed_by = user
            new_listing.save()
            return HttpResponseRedirect(reverse("index"))
        else:
            context = {
        "createlistingform": filled_form
    }    
    else:
        context = {
            "createlistingform": CreateListing()
        }

    return render(request, "auctions/createlisting.html", context)

I tried to replicate the approach in"Handing uploads with a file" and it's still not working.

My AuctionListing model in models.py has this field:

image = models.ImageField(blank=True, upload_to="images/")

and my project file settings.py has this configuration:

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

Is my commit=False in the views.py creating an issue?

Answer 1

From the link you shared,

Note that request.FILES will only contain data if the request method was POST, at least one file field was actually posted, and the that posted the request has the attribute enctype="multipart/form-data". Otherwise, request.FILES will be empty.

Also use commit = False when you get most of your model data from a form, but need to populate some null=False fields with non-form data.

Answer 2

Figured it out, my form in createlisting.html was missing the encoding type.

<form enctype="multipart/form-data" action="{% url 'createlisting' %}" method="post">
    {% csrf_token %}
    {{ createlistingform }}
    <input type="submit">
</form>

This fixed the problem!