使用 Django 表单编辑图像字段
Posted
技术标签:
【中文标题】使用 Django 表单编辑图像字段【英文标题】:Editing image field using Django forms 【发布时间】:2018-10-06 23:48:28 【问题描述】:我目前正在创建一个允许用户查看和编辑他们自己的个人资料的应用程序。我最近添加了用户将个人资料图片添加到其个人资料的功能。我可以在管理页面中添加一个配置文件,它会显示在选定的用户配置文件上没问题。问题是当用户尝试更新他们的图片时,我得到一个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 " >
</body>
</html>
【问题讨论】:
【参考方案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 表单编辑图像字段的主要内容,如果未能解决你的问题,请参考以下文章