Django 在 RadioSelect 或 Checkboxes 上显示图像

Question

我是 django 的新手，我正在尝试将数据库中的图片显示到单选按钮或复选框上。我该怎么做？

我有这个模型

class MyItems(models.Model):
itemName=models.CharField(max_length=100)
itemDesc=models.CharField(max_length=400)
itemImage=models.ImageField(upload_to='pictures')

class categories(models.Model):
catName=models.CharField(max_length=100)
items=models.ManyToManyField(MyItems)

用户将图片上传到页面，他们可以将它们分类。

我可以这样做以显示我的选择

class catForm(forms.Form):
catName=forms.CharField()
items=forms.ChoiceField(widget=forms.RadioSelect,choices=(MyItems.objects.all())

但是如何将类似 img 标签的内容放入标签中？

<img src="itemImage.url" /> 

浏览了许多教程，但没有一个从数据库中生成图像。

Answer 1

使用 ModelForm 并进行一些自定义：

第一个子类ModelChoiceField

from django.utils.safestring import mark_safe


class CustomChoiceField(forms.ModelChoiceField):

    def label_from_instance(self, obj):
        return mark_safe("<img src='%s'/>" % obj.itemImage.url)

现在：

class CatForm(forms.ModelForm):
  items = CustomChoiceField(widget=forms.RadioSelect, queryset=MyItems.objects.all())

  class Meta:
     model = categories

现在使用此表单代替您的catForm。如果您之前没有使用过ModelForm，请参阅 django 文档了解详情。