odoo 图片预览

业务需要实现图片上传后进行预览，折腾许久没有成功，最后试着添加图片字段算是基本成功

在 model 中添加字段

odoo 中没有直接的图片 image 字段，但是有一个 binary 二进制字段

image = fields.Binary(u'图片')

xml 文件添加

<group>
    <field name="image" widget="image" class="oe_avatar"/>
</group>

widget='image' 图片标签

class – 用于设置当前元素的html class属性：

oe_inline - 防止它自动将之后的字段换行
oe_left, oe_right - 相当于css的float
oe_read_only, oe_edit_only - 只在相应的模式下展示该字段
oe_no_button - 不为many2one字段显示导航按钮
oe_avatar - 当该字段为图片时，将它展示为头像（90*90的正方形）

实现效果

可以实现单张图片的上传和简单预览

后续可以添加上 click 事件，实现大图预览