如何在Django中更新ImageField？

Question

我是Django的新手。我在更新ImageField时遇到问题。我有以下代码

在models.py中

 class ImageModel(models.Model):
      image_name = models.CharField(max_length=50)
      image_color = models.CharField(max_length=50)
      image_document = models.ImageField(upload_to='product/')

-这是我的表格。py

 class ImageForm(forms.ModelForm):
    class Meta:
        model = ImageModel
        fields = ['image_name', 'image_color' , 'image_document']

在Html文件（editproduct.Html）中

<form method="POST" action="/myapp/updateimage/{{ singleimagedata.id }}">
       {% csrf_token %}
        <input class="form-control" type="text" name="image_name" value="{{ singleimagedata.image_name}}">
        <input class="form-control" type="file" name="image_document">
        <button type="submit" class="btn btn-primary">UPDATE PRODUCT</button>
</form>

-myapp是我的应用程序名称。{{singleimagedata}}是一个包含所有获取数据的变量

-url.py

urlpatterns = [
    path('productlist', views.productlist, name='productlist'),
    path('addproduct', views.addproduct, name='addproduct'),
    path('editimage/<int:id>', views.editimage, name='editimage'),
    path('updateimage/<int:id>', views.updateimage, name='updateimage'),
]

这是我的观点

def productlist(request):
    if request.method == 'GET':
        imagedata = ImageModel.objects.all()
        return render(request,"product/productlist.html",{'imagedata':imagedata})

def addproduct(request):
    if request.method == 'POST':
        form = ImageForm(request.POST, request.FILES)
        if form.is_valid():
            form.save()
            messages.add_message(request, messages.SUCCESS, 'Image Uploaded')
            return redirect('/myapp/productlist')
    else:
        imageform = ImageForm()
        return render(request, "product/addproduct.html", {'imageform': imageform})

def editimage(request, id):
    singleimagedata = ImageModel.objects.get(id=id)
    return render(request, 'product/editproduct.html', {'singleimagedata': singleimagedata})

def updateimage(request, id):  #this function is called when update data
    data = ImageModel.objects.get(id=id)
    form = ImageForm(request.POST,request.FILES,instance = data)
    if form.is_valid():
        form.save()
        return redirect("/myapp/productlist")
    else:
        return render(request, 'demo/editproduct.html', {'singleimagedata': data})

• 我的图像上传工作正常。我无法在更新数据时更新图像。其余数据已更新。我不知道如何更新图像以及如何删除旧图像并将新图像放入目录

Answer 1

来自@binpy的答案应该可以解决您的问题。除了第二个答案外，您还可以：

def updateimage(request, id):  #this function is called when update data
    data = ImageModel.objects.get(id=id)
    form = ImageForm(request.POST,request.FILES,instance = data)
    if form.is_valid():
        data.image_document.delete()  # This will delete your old image
        form.save()
        return redirect("/myapp/productlist")
    else:
        return render(request, 'demo/editproduct.html', {'singleimagedata': data})

检查django文档上的delete()方法

Answer 2

我在更新用户的个人资料时遇到了类似的问题。我用以下代码解决了这个问题，我认为这可能会有所帮助：

Models.py

class Profile(models.Model):
    # setting o2o field of user with User model
    user_name = models.OneToOneField(User, on_delete=models.CASCADE, blank=True, null=True)
    first_name = models.CharField(max_length=70, null=True, blank=True)
    last_name = models.CharField(max_length=70, null=True, blank=True)    
    profile_pic = models.ImageField(upload_to="images", blank=True, null=True,)


    def __str__(self):
        return str(self.user_name)

forms.py

class ProfileEditForm(ModelForm):
    class Meta:
        model = Profile
        fields = '__all__'
        # excluding user_name as it is a one_to_one relationship with User model
        exclude = ['user_name']

views.py

@login_required(login_url='login')
def edit_profile(request, id):
    username = get_object_or_404(Profile, id=id)
    extended_pro_edit_form = ProfileEditForm(instance=username)
    if request.method == "POST":
        extended_pro_edit_form = ProfileEditForm(request.POST, request.FILES, instance=username)
        if extended_pro_edit_form.is_valid():
            extended_pro_edit_form.save()
            next_ = request.POST.get('next', '/')
            return HttpResponseRedirect(next_)

    context = {'extended_pro_edit_form': extended_pro_edit_form}
    return render(request, 'edit_profile.html', context)

编辑-profile.html

<form action="" method="post"
              enctype="multipart/form-data">
            {% csrf_token %}
            {{ extended_pro_edit_form.as_p }}
            {{ extended_pro_edit_form.errors }}
            <!--To redirect user to prvious page after post req-->
            <input type="hidden" name="next" value="{{ request.GET.next }}">

            <button type="submit">UPDATE</button>

        </form>

Answer 3

我认为您错过了enctype="multipart/form-data"，请尝试更改：

<form method="POST" action="/myapp/updateimage/{{ singleimagedata.id }}">

进入

<form method="POST" enctype="multipart/form-data" action="{% url 'updateimage' id=singleimagedata.id %}">

Don't miss also to add the image_color field to your html input.
Because, in your case the image_color field model is designed as required field.

删除&；从目录更新旧图像文件

import os
from django.conf import settings

# your imported module...


def updateimage(request, id):  #this function is called when update data
    old_image = ImageModel.objects.get(id=id)
    form = ImageForm(request.POST, request.FILES, instance=old_image)

    if form.is_valid():

        # deleting old uploaded image.
        image_path = old_image.image_document.path
        if os.path.exists(image_path):
            os.remove(image_path)

        # the `form.save` will also update your newest image & path.
        form.save()
        return redirect("/myapp/productlist")
    else:
        context = {'singleimagedata': old_image, 'form': form}
        return render(request, 'demo/editproduct.html', context)