Django“ImageField”表單值為無

Question

我正在嘗試為用戶實現個人資料圖片字段。 以下是我嘗試的實現的每個文件的代碼forms.py 、 models.py 、 views.py和urls.py 。

我使用IDE（vscode）調試django，並在下面views.py中的user.avatar = form.cleaned_data['avatar']行上放置了一個斷點，以快速檢查cleaned_data['avatar']是否填充為用戶輸入，正如我所料。

但是，即使我在 url 上上傳了一個文件，提交后，該行顯示None而期望一個圖像對象，當然它不會保存任何內容，因此也不會更改數據庫。

# 
# forms.py 
# accounts/forms.py
# 

from accounts.models import UserProfile

# .. 

class UserProfileForm(forms.ModelForm):

    avatar = forms.ImageField(label=_('Avatar'))

    class Meta:
        model = UserProfile
        
        fields = [
            'avatar',
        ]

    def __init__(self, *args, **kwargs):
        super(UserProfileForm, self).__init__(*args, **kwargs)
        self.fields['avatar'].required = False

# 
# models.py
# accounts/models.py
# 

from django.contrib.auth.models import User
from PIL import Image 

class UserProfile(models.Model):
    user   = models.OneToOneField(User, on_delete=models.CASCADE)
    avatar = models.ImageField(upload_to="images", blank=True, null=True)

# note: I also did "python manage.py makemigrations accounts; python manage.py migrate accounts;"

# 
# views.py
# accounts/views.py
# 

class UserProfileView(FormView):
    template_name = 'accounts/profile/change_picture.html'
    form_class = UserProfileForm

    def form_valid(self, form):
        user = self.request.user
        user.avatar = form.cleaned_data['avatar']
        user.save()
        
        messages.success(self.request, _('Profile picture has been successfully updated'))

        return redirect('accounts:change_profile_picture')

# 
# urls.py
# accounts/urls.py
# 

from .views import UserProfileView

urlpatterns = [
    # ..
    path('change/profile_picture/', UserProfileView.as_view(), name='change_profile_picture'),
]

代碼有什么問題？ 謝謝。

編輯

根據要求，html accounts/profile/change_picture.html

{% extends 'layouts/html.html' %}

{% load static %}
{% load bootstrap4 %}
{% load i18n %}

{% block content %}

{% include 'head.html' %}

<body>
    
    {% include 'navbar.html' %}

    <div id="content" name="content" class="main container">
        <div class="w-100 p-3"></div>

        <h2>{% trans 'Change profile picture' %}</h2>
        
        <form method="post">
        
            {% csrf_token %}
            {% bootstrap_form form %}
        
            <button class="btn btn-success">{% trans 'Change' %}</button>
        
        </form>

        <div class="w-100 p-3"></div>        
    </div>

    {% include 'footer.html' %}  

</body>

{% endblock %}

Answer 1

將enctype="multipart/form-data"添加到表單中：

<form method="post" enctype="multipart/form-data">
        
  {% csrf_token %}
  {% bootstrap_form form %}
        
  <button class="btn btn-success">{% trans 'Change' %}</button>
        
</form>

Django“ImageField”表單值為無

問題描述

編輯

1 個解決方案

解決方案1
2 已采納 2022-03-16 04:06:03

Django“ImageField”表單值為無

問題描述

編輯

1 個解決方案

解決方案1 2 已采納 2022-03-16 04:06:03

解決方案1
2 已采納 2022-03-16 04:06:03