7

前奏：

这是显示 ImageField 的最简单方法。假设我的表单中有 10 个字段，我不想遍历所有字段template.html以检查它是否是 imageField 并以不同的方式显示它。我想通过表单或小部件或类似的东西来处理它。所以我想要离开 template.html，如下所示。

模板.html

<table>
    {{ form.as_table }}
</table>

并在models.py 中添加一个image_tag方法：

class UserProfile(Model):
  photo = ImageField(upload_to=PHOTO_DIRECTORY)
  contacts = TextField(null=True)
  ... others

  def image_tag(self):
    return u'<img src="%s" />' % self.photo.url

  image_tag.short_description = 'Image'
  image_tag.allow_tags = True

表格.py：

class UserProfileForm(forms.ModelForm):

  class Meta:
    model = UserProfile
    fields = ('contacts', 'photo', 'image_tag', ...others)

我得到一个Unknown field(s) (image_tag) specified for UserProfile公平的错误。

我也尝试将其放入，readonly_fields但它们无法以某种方式显示。我必须创建list_view吗？如果是，应该在哪里？

我在这里想念什么？为什么image_tag方法应该是模型的一部分而不是形式？模型描述了数据应该如何保存在数据库中，而不是它应该如何通过表单呈现给用户。这应该是表单的一部分，不是吗？如果我错了，请纠正我。我该如何解决这个问题？任何帮助将不胜感激！

4

4 回答 4

12

正如Selcuk提到的，最简单的解决方案是创建我自己的小部件。

from string import Template
from django.utils.safestring import mark_safe
from django.forms import ImageField

class PictureWidget(forms.widgets.Widget):
    def render(self, name, value, attrs=None, **kwargs):
        html =  Template("""<img src="$link"/>""")
        return mark_safe(html.substitute(link=value))

class UserProfileForm(forms.ModelForm):
    photo = ImageField(widget=PictureWidget)
于 2015-03-10T13:12:15.683 回答
5

我还不能发表评论，因此我需要通过答案添加。这个方便的解决方案的所有功劳归功于 deathangel908。

我正在使用 Django 2.1，TypeError: render() got an unexpected keyword argument 'renderer'在尝试接受的答案时遇到了错误。可以在此处找到此问题的解决方案：https ://stackoverflow.com/a/52039655/8002464

简而言之，对于 Django 2.1 及更高版本，该解决方案必须稍作更改，并包含renderer=None. 完全更新的解决方案：

from string import Template
from django.utils.safestring import mark_safe
from django.forms ImageField

class PictureWidget(forms.widgets.Widget):
    def render(self, name, value, attrs=None, renderer=None):
        html =  Template("""<img src="$link"/>""")
        return mark_safe(html.substitute(link=value))

class UserProfileForm(forms.ModelForm):
    photo = ImageField(widget=PictureWidget)

顺便提一句。一个快速的小改进，至少对于我的用例来说是添加媒体 url。通过这种方式，图像实际上会显示出来，而不是丢失在错误的网址中。但这可能只是因为我如何设置我的网址。

from django.conf import settings

[...]
    html = Template("""<img src="$media$link"/>""")
    return mark_safe(html.substitute(media=settings.MEDIA_URL, link=value))
于 2019-03-08T08:49:48.520 回答
4

让我改进这个有趣的问题。我建议结合图像输入和图像预览。子类 FileInput 小部件并覆盖渲染以连接其他 html 以显示预览图像和默认输入图像 html。

from django.utils.safestring import mark_safe
from django import forms

class ImagePreviewWidget(forms.widgets.FileInput):
    def render(self, name, value, attrs=None, **kwargs):
        input_html = super().render(name, value, attrs=None, **kwargs)
        img_html = mark_safe(f'<br><br><img src="{value.url}"/>')
        return f'{input_html}{img_html}'

class UserProfileForm(forms.ModelForm):

    class Meta:
        model = UserProfile
        fields = '__all__'

    photo = forms.ImageField(widget=ImagePreviewWidget,)
于 2020-03-22T17:00:23.153 回答
1 
from django.utils.safestring import mark_safe


class ImagePreviewWidget(forms.widgets.FileInput):
    def render(self, name, value, attrs=None, **kwargs):
        input_html = super().render(name, value, attrs=None, **kwargs)
        if value:
            img_html = mark_safe(
                f'<br><br><img src="{value.url}" width="200" />')
            return f'{input_html}{img_html}'
        return input_html

如果您想使用相同的表单进行创建和更新，我建议您稍作改动。if 条件将检查值是否存在“是更新表单”，否则只给您输入字段。

于 2021-11-02T07:50:31.383 回答