上传的图像未保存并显示在 Django 中

Question

我正在处理用户个人资料，用户可以在其中上传 jpg 图像作为他们的个人资料图片。 但是上传的图像既没有存储在我的媒体目录中，也没有显示在服务器中。 IT 一直显示“默认照片”。 我已经在我的设置文件中设置了 MEDIA_ROOT 和 MEDIA_URL 并且还添加到了 urls 文件中，但它仍然无法正常工作。 我是 Django 的新手，任何帮助将不胜感激。

这是我的models.py：

class Profile(models.Model):
user = models.OneToOneField(User, on_delete=models.CASCADE)
image = models.ImageField(default='default.jpg', upload_to='profile_pics')

def __str__(self):
    return f'{self.user.username} Profile'


def save(self):
    super().save()

    image=Image.open(self.image.path)

    if image.height >300 or image.width  > 300:
        output_size=(300,300)
        image.thumbnail(output_size)
        image.save(self.image.path)

视图.py：

def profile(request):
if request.method=='POST':
    update_form=UserUpdateForm(request.POST, instance=request.user)
    profile_form=ProfileUpdateForm(request.POST, request.FILES ,instance=request.user)
    if update_form .is_valid() and profile_form.is_valid():
        update_form.save()
        profile_form.save()
        messages.success(request, f'Your account has been updated!!')
        return redirect('profile')
else:
    update_form=UserUpdateForm(instance=request.user)
    profile_form=ProfileUpdateForm(instance=request.user)
context={
    'update_form': update_form,
    'profile_form':profile_form,
}
return render(request, 'users/profile.html', context)

个人资料.html：

<div class="card" id="profile" style="width: 18rem;">
<img class="card-img-top" src="{{ user.profile.image.url }}" alt="Default photo">
<div class="card-body">
    <h2 class="account-heading">{{ user.username }}</h2>
    <p class="text-secondary">{{ user.email }}</p>
    <form method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        <fieldset class="form-group">
            <legend class="border-bottom mb-4"><h1>Profile Info</h1></legend>
            {{ update_form|crispy }}
            {{ profile_form|crispy }}
        </fieldset>
        <div class="form-group">
            <button class="btn btn-oultline-info" type="submit"> Update </button>
        </div>
    </form>
</div>

设置.py：

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

Answer 1

在模型中创建图像文件

class Profile(models.Model):
    image = models.ImageField(upload_to='account_image/', blank=True, null=True)

按请求“获取”数据

def profile(request):
    data = Profile.objects.filter(user=request.user)
    return render(request, 'accounts/profile.html', locals())

在 html 中加载

<img class="img-responsive img-rounded" src="/media/{{user.profile.image}}">