【问题标题】:How to update an ImageField in Django如何在 Django 中更新 ImageField
【发布时间】:2017-12-09 13:39:51
【问题描述】:

我正在制作一个网站,并希望每个用户都可以上传和更新自己的个人资料图片。

更新配置文件模板加载得很好。我可以更新所有其他字段,除了图像字段。只能从 /admin 页面更新,不能从 update-profile 页面更新。

这是我在 Profile 模型中的图像字段:

class Profile(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    dob = models.DateField(default=datetime.date(1989, 12, 25))
    gender = models.CharField(max_length=12, choices=GENDER_CHOICES, default='Unspecified')
    city = models.CharField(max_length=100, default='Braşov')
    image = models.ImageField(upload_to='profilepics', blank=True)

这是我的个人资料表格:

class ProfileForm(forms.ModelForm):
class Meta:
    model = Profile
    fields = ('dob', 'gender', 'city', 'image')

这是html模板:

{% block body %}
<form method="post">
<div class="container">
{% csrf_token %}
{{ user_form.as_p }}
{{ profile_form.as_p }}
<button type="submit">Update</button>
<a href="myprofile" class="btn btn-info" role="button">Cancel</a>
</form>
</div>
{% endblock %}

这是 update_profile 视图:

@login_required
@transaction.atomic
def update_profile(request):
    if request.method == 'POST':
        user_form = UserForm(request.POST, instance=request.user)
        profile_form = ProfileForm(request.POST, request.FILES, instance=request.user.profile)
        if user_form.is_valid() and profile_form.is_valid():
            user_form.save()
            profile_form.save()
            messages.success(request, ('Your profile was successfully updated!'))
            return redirect('myprofile')
        else:
            messages.error(request, ('Please correct the error below.'))
    else:
        user_form = UserForm(instance=request.user)
        profile_form = ProfileForm(instance=request.user.profile)
    return render(request, 'filter/updateprofile.html', {
        'user_form': user_form,
        'profile_form': profile_form
    })

非常感谢您的阅读!

【问题讨论】:

    标签: django image field edit


    【解决方案1】:

    将属性 enctype 添加到 html 文档中的表单标签 enctype="multipart/form-data"

    看到这个问题 Django ModelForm Imagefield Upload

    正如 w3schools 中所记录的 https://www.w3schools.com/tags/att_form_enctype.asp

    【讨论】:

      猜你喜欢
      • 2020-11-27
      • 2016-03-29
      • 2020-08-10
      • 2021-10-22
      • 1970-01-01
      • 1970-01-01
      • 2020-11-19
      • 2011-11-21
      • 2019-05-31
      相关资源
      最近更新 更多