Django ModelForm更新个人资料图片不保存照片

Question

我想让我的用户更改他们的头像。上传照片时，我被重定向到成功页面，但照片没有上传到文件夹，相关字段为空白。请注意，如果用户已经有照片，它会将字段重置为空白，因此在提交表单后，用户不再有照片。

我的猜测是 form.save(commit=False) 没有按应有的方式上传照片或更新字段，但我不明白为什么！

这是模型、视图和表单：

Profil 模型：

class Profil(models.Model):
user=models.OneToOneField(User, on_delete=models.CASCADE, primary_key=True)
photo_profil=models.ImageField(null=True,blank=True,upload_to='img/profils', verbose_name="Photo de profil", help_text="La taille du fichier doit être inférieure à {0}Mo. Seules les extensions .png, .jpeg et .jpg sont acceptées.".format(str(int(MAX_UPLOAD_SIZE/1000000))))
cours_valides=models.CharField(blank=True,max_length=255,validators=[int_list_validator])
niveau_valides=models.CharField(blank=True,max_length=255,validators=[int_list_validator])

def __str__(self):
    return "Profil de {0}".format(self.user.username)

模型形式：

class PhotoForm(forms.ModelForm):
class Meta:
    model=models.Profil
    fields=('photo_profil',)
def clean_photo(self):
    photo=self.cleaned_data.get('photo_profil')
    if photo.size>settings.MAX_UPLOAD_SIZE:
        raise forms.ValidationError(_("Le fichier envoyé depasse la limite de %sMo.".format(str(settings.MAX_UPLOAD_SIZE/1000000))))
    return photo

和视图：

@login_required()
def change_photo(request):
    if request.method=="POST":
        form=forms.PhotoForm(request.POST,request.FILES)
        if form.is_valid():
            profil=form.save(commit=False)
            profil.user=request.user
            profil.save()
            return redirect('espace_personnel')
    else:
        form=forms.PhotoForm()
    return render(request,'utilisateurs/registration/change_photo.html',{'form':form})

最后是模板：

{% block item %}
    <h3> Modifier sa photo de profil </h3>
    <hr>
    <div class="row">
        <div class="col-lg-4">
            <img src="{{user.profil.photo_profil_url}}" alt="{{user.username}}" class="img-responsive"/>
        </div>
        <div class="col-lg-8">
            <h5>Photo actuelle</h5>
            <p class="text-justify"> Votre photo n'est visible pour les autres utilisateurs qu'à côté des commentaires que vous laissez sur le site.</p>
        </div>
    </div>
    <hr>
    <form method="post">
    {% csrf_token %}
    <div class="form-group">
        {{form.photo_profil}}
    </div>
    <p class="alert alert-info">{{form.photo_profil.help_text}}</p>
    <button type="submit" class="btn btn-primary">Envoyer</button>
    </form>
    <hr>
{% endblock item %}

我已经阅读了一些主题但没有成功。

提前感谢您的帮助，

马修

Answer 1

确保在 settings.py 文件中指定了 MEDIA_ROOT 和 MEDIA_URL。

此外，在 urls.py 中添加这些行：

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

除此之外，在html form中，在<form>标签中添加enctype="multipart/form-data，像这样：

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

确保您的 Django 应用程序中的所有这些都是正确的。

Django ModelForm更新个人资料图片不保存照片

Django ModelForm to update profile picture does not save the photo

python

django

upload

modelform

profile-picture