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)

ModelForm：

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 %}

我已经阅读了几个主题，但是没有成功。谢谢您提前的帮助，Matthieu。

- MattL

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)

除此之外，在 <form> 标签中添加 enctype="multipart/form-data"，如下所示：

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

确保在您的Django应用程序中全部正确。

- Piyush Maurya

---

非常感谢，这是我的模板中的一个错误 :)!! 我忘记了属性enctype="multipart/form-data"。 - MattL

非常感谢，我忘记了属性enctype="multipart/form-data"。 - Kashif