Previous topicNext topic
WebBuilderX > 子页面组件元素 > 表格类元素 > 列弹层 >
多图片管理器

如果数据列需要同时保存多个图片文件,就可以使用此弹层。例如,给表格添加“证书扫描件”的数据列,弹层绑定“多图片管理器”:

由于这里已经勾选了“允许编辑”,因而在该列有数据时,刷新后的页面弹层会自动显示出图片列表;没有数据时会允许上传:

点击弹层中的上传图片区域,选择要上传的图片文件:

选择要上传的图片文件之后,弹层中先给出预览,不需要的图片双击删除,点击“确认上传”后即可自动上传,上传完毕关闭弹层。这时,如果再点击“证书”列,就会在弹层中列出已经保存到后台数据库中的图片,你还可以对它做进一步的修改,比如删除图片或补充上传图片。

将鼠标悬停在某个图片上,单击可下载或全屏查看大图;点击右上角自动出现的叉号,则可以将其删除:

如果在绑定多图片管理器的时候,没有勾选允许编辑,则打开弹层时只能查看图片而不能删除或添加图片:

单击其中的某个图片,可以下载或直接打开查看。也可点击“查看大图”按钮,将以自动轮播方式放大显示图片列表:

图片放大轮播的时候,可以点击下方的指示器快速切换,也可使用鼠标左右拖动切换,移动端可使用手指划动切换。

和单图片管理器一样,这里也可以重新定义相关上传参数,包括保存路径、后缀名称、大小限制、是否允许多选、一次性上传的文件数量以及是否需要压缩等等。具体设置方法请参考“文件上传”。