在当今的数字化时代,视觉呈现和交互性在应用程序中扮演着至关重要的角色。图片类组件作为低代码开发中的重要组成部分,在软件应用开发中,图片类组件是必不可少的,它们为应用程序增添了丰富多彩的视觉元素,使得应用程序更加生动和易于理解。上传的图片存于MinIO服务器上。图片类组件适用于图片上传或展示,应用非常广泛,无论是用户头像、产品展示,还是滑动相册、广告营销,图片类组件都发挥着不可或缺的作用。

MinIO服务器解决方案为图片存储提供了高效、可靠的支持。通过将上传的图片存储在MinIO服务器上,开发者可以确保图片数据的安全性和可扩展性,同时实现快速访问和共享。
图片

上传图片组件的基础设置说明如下:
①:上传图片:通过点击上传图片。
②:组件绑定模型的字段,点击字段名称后,系统会把本表单对应的模型字段展示出来,选中即可。
③:组件的中文名称,修改后会将组件的名称同步修改。
④:显示控制,通过其他组件结果的设置内容判断条件,当条件为真时显示单选组件。
⑤:禁用控制,通过其他组件结果的设置内容判断条件,当条件为真时单选禁止操作。
⑥:触发逻辑,当单选选择项后,且鼠标失焦后,将触发逻辑(用户自定义的逻辑)。
校验设置配置如下:
图片

①:是否必填,默认关闭。
②:动态校验,根据表单字段通过逻辑动态判断是否必填等校验。
③:允许为空与是否必填相对,默认关闭。
图片

样式设置配置配置如下:
①:控件宽度,默认24可自行调整。
②:提示描述,填写描述该组件的内容信息。
③:描述位置,默认显示在组件右侧还可设置换行显示。
④:最大允许,设置上传图片最大个数。
⑤:占位图设置,指在图片的加载过程中,先显示一张临时的图片,等图片加载出来了再替换成要加载的图片。
图片

①:图片组件,多用于查看展示单张或一组图片,通常在修改或详情表单中用于回显使用。
②:数据联动,请参照文档​​数据联动设置​​
③:尺寸适应,自动调整确保在各种屏幕尺寸上的一致性和可用性,可选择图片处理方法有:fill、contain、cover、none、scale-down。
在线demo:https://frame.bctools.cn/
开源框架:https://gitee.com/software-minister/jvs


软件部长
43 声望6 粉丝

软件研发行业老司机,提供些踩坑的经验而已