Question

我目前正在创建一个允许用户查看和编辑自己的个人资料的应用程序。我最近添加了用户将个人资料图片添加到他们的个人资料的功能。我可以在管理页面中添加一个配置文件，它将显示在所选用户配置文件上没问题。问题是，当用户尝试更新他们的图片时，我收到ValueError告诉我image属性没有关联的文件。以下是我尝试实现该功能的方法。

模型

class UserProfileModel(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    age = models.PositiveIntegerField(blank=True, null=True)
    email = models.EmailField(max_length=254, null=True, blank=True, unique=True)
    height = models.PositiveIntegerField(blank=True, null=True)
    weight = models.PositiveIntegerField(blank=True, null=True)
    bio = models.CharField(max_length=100, blank=True, default='')
    image = models.ImageField(upload_to='profile_image', blank=True)

形式

class UpdateProfile(forms.ModelForm):

    class Meta:
        model = UserProfileModel
        fields = ('email', 'age', 'height', 'weight', 'bio', 'image')

视图

def update_profile(request):
    args = {}

    if request.method == 'POST':
        form = UpdateProfile(request.POST, instance=request.user.userprofilemodel)
        if form.is_valid():
            form.save()
            return HttpResponseRedirect(reverse('account:profile'))
            # return render(request, 'account/profile.html')
    else:
        form = UpdateProfile()
        if request.user.is_authenticated():
            form = UpdateProfile(instance=request.user.userprofilemodel)
        args['form'] = form
        return render(request, 'account/edit_profile.html', args)

HTML

<!DOCTYPE html>
<html>
<body>

{#<h2 style="text-align:center">User Profile Card</h2>#}

<div class="container">
  <h1>{{ user }}s Profile </h1>
  <div style="margin: 24px 0;">
        <p>Username: {{ user }}</p>
        <p>Email: {{ user.userprofilemodel.email }}</p>
        <p>Age: {{ user.userprofilemodel.age }}</p>
        <p>Height: {{ user.userprofilemodel.height }} CM </p>
        <p>Weight: {{ user.userprofilemodel.weight }} KG </p>
        <p>User Bio: {{ user.userprofilemodel.bio }} </p>
        <img src="{{ user.userprofilemodel.image.url }}" width="240">


</body>
</html>

Answer 1

您可能忘记将request.FILES传递给表单？

form = UpdateProfile(request.POST, request.FILES, instance=request.user.userprofilemodel)

此外，您尚未显示包含用于上传图片的表单的模板，但请确保将表单的enctype设置为multipart/form-data。

<form method="post" enctype="multipart/form-data">

使用Django表单编辑图像字段

1 个答案: