图片上传

百度已收录

平台提供通用的图片上传控件，能够满足普通的图片上传场景的功能。

一、控件功能

【样式】：

text

上传的图片以图片名称列表的方式显示

picture

上传的图片以缩略图列表的方式显示

card

上传的图片以卡片方式显示

【最大上传数量】：设置允许上传的图片个数。

【存储目录】：上传图片存储的相对路径。

【多选】：上传图片时是否可以同时选择多个图片上传。

其他属性参见上文的“基本控件”等章节。

二、运行效果

样式为card的效果：

样式为picture时效果：

样式为text的效果：

选中“多选”时，可以同时上传多个文件，效果如下：

列表页面图片控件对应字段显示效果：

三、相关设置

在实体模型建模时，可以在页面属性设置中，将相应字段的控件类型设置为图片传，并设置好控件的显示配置，目前图片上传控件显示配置仅支持多选、最大上传数量、存储目录。在表单设计时，可以直接从表单设计器左侧的ER模型页签中，将相应的字段拖拽到画布中，自动绘制图片上传控件，或直接使用“使用模板”功能绘制表单时，也可以根据实体模型设置，自动绘制图片上传控件。

控件显示配置：

设置为图片上传控件的字段，一般存储图片信息json串，而在列表显示时，一般需要显示为图片，此时可以设置字段的数据转换配置为图片，在列表设计时，能够自动复制实体模型的数据转换配置，提供效率。

四、高级图片上传控件

高级图片上传控件用于单独的图片控件，跟表字段没有关联关系，图片文件存储到表oss_file中。

如下图所示：

【数据标识】属性为图片上传控件的唯一标识，为必填字段。

其他属性同普通图片上传控件。

通过oss_file表里的dataId字段（数据标识）+formId字段就能关联到这个控件的数据。