Wagtail中chooser__action类导致hero_image操作按钮无法显示

这个chooser__action类是Wagtail后台自带的前端样式类，来自Wagtail内置的图片选择器组件模板（比如系统自带的wagtailimages/widgets/chooser.html），用来控制选择器操作按钮列表的样式。

你遇到的按钮不显示问题，核心原因是hero_image字段用错了面板类型：图片字段应该使用ImageChooserPanel，但你代码里写的是通用的FieldPanel。FieldPanel不会正确加载图片选择器的全套样式和交互逻辑，导致原本属于选择器的chooser__action类和FieldPanel的渲染结构冲突，最终按钮被隐藏。

对比你代码里的MediaChooserPanel('hero_video')——视频字段用了对应专属的ChooserPanel，图片字段也需要用对应的ImageChooserPanel。修正后的代码应该是：

MultiFieldPanel(
    heading='Hero',
    classname='collapsible',
    children=[
        ImageChooserPanel('hero_image'),  # 改为图片专属的ChooserPanel
        MediaChooserPanel('hero_video'),
        ImageChooserPanel('mobile_hero_image'),  # 若该字段也是图片，同样修改
        FieldPanel('hero_title'),
        FieldPanel('hero_strapline'),
        FieldPanel('hero_cta_text'),
        FieldPanel('hero_cta_link'),
    ]
),

修改后，Wagtail会正确渲染图片选择器的结构和样式，chooser__action类也能正常发挥作用，「更改图片」和「编辑图片」按钮就会正常显示了。

内容的提问来源于stack exchange，提问作者DavidU