ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
# image Image用于显示图片类型, 支持系统上传的图片以及外部图片链接 > 系统内部集成了一个文件管理功能, 使用表单项中的文件上传/图片上传功能时会在提交表单时提交文件ID, 在表单处理时直接保存, 使用Image组件时数据中直接返回文件ID即可 > 注: 图片支持放大预览 ## 方法原型: ``` /** * @param string $name 字段名, 支持复杂结构的多级操作, 以英文句号分隔, 如: 'book.image' * @param string $title 标题 * @param string $type 类型, 需要传image * @param string $option 此参数在image中无效, 只是为了保持统一调用 * @param string $default 默认值 * @param array $attr 触发器等其他属性: { * trigger: {key: value}, // 用于控制当前列是否显示, value可以是一个数组, 若传了trigger参数, 只有当前行数据中出现在value中时才显示 * fixed: 是否固定列, * show_tooltip: 是否在长度超出后显示tooltip * } */ addColumn($name, $title, $type = 'image', $option = '', $default = '', $attr = []) ``` ## 调用方式: ``` return SBuilder::make('table') ->addColumn('avatar', '头像', 'image') ->fetch(); ``` 或 ``` return SBuilder::make('table') ->addColumns([ ['avatar', '头像', 'image'], ... // 其他列 ]) ->fetch(); ``` > 页面效果: > ![](https://img.kancloud.cn/60/9e/609e25f70d84a6a62a62f1c84e6f4174_129x171.png) - 触发器 可使用触发器控制行数据是否在当前列显示, 见`添加列`一章的触发器