Django含文件字段表单上传时提示profile_pic无效的问题求助

嘿，刚看完你的代码，马上就找到问题啦！这是Django新手做文件上传时最容易踩的坑之一，别慌，几步就能搞定～

问题根源 #

你在模板里的表单缺少了**enctype="multipart/form-data"**属性！Django处理文件上传时必须依赖这个属性，不然浏览器不会正确传递文件数据，request.FILES会是空的，导致你的profile_pic字段验证失败，所以表单会返回这个字段的错误。

修复步骤 #

1. 修改模板中的表单标签 #

打开你的profile.html，给<form>标签加上enctype属性：

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

这个属性告诉浏览器用适合传输二进制文件的编码方式来提交表单，这样Django才能从request.FILES中拿到你上传的头像文件。

2. 优化视图代码（可选但推荐） #

你的视图里查询用户的部分可以简化一下，用get()代替filter()+循环，代码更简洁也更符合Django的最佳实践：

if request.method == "POST":
    profilePicForm = ProfilePicForm(request.POST, request.FILES)
    if profilePicForm.is_valid():
        # 直接用get()获取用户，同时处理用户不存在的情况
        try:
            user = UserInfo.objects.get(id=id)
        except UserInfo.DoesNotExist:
            return HttpResponse("指定的用户不存在")
        
        profilePic = ProfilePictures(user=user)
        profilePic.profile_pic = profilePicForm.cleaned_data['profile_pic']
        profilePic.save()
        return redirect('newsfeed:profile')
    else:
        return HttpResponse(profilePicForm.errors)

额外说明 #

为什么必须加enctype？默认的表单编码是application/x-www-form-urlencoded，这种编码只能处理文本数据，无法传输像图片这样的二进制文件。multipart/form-data会把表单数据拆分成多个部分，每个部分对应一个字段，文件字段会以二进制方式传输，这样Django才能正确解析并获取到上传的文件。

内容的提问来源于stack exchange，提问作者user7633957