更新时间:2022-04-26 GMT+08:00
分享

图片

图片组件作为一个基本组件,用于展示图片。用户可以通过属性“图片地址”,来选择图片。

图片组件提供图片库管理能力,可以上传、选择、搜索、删除图片。这些图片可以来自本地上传,也可以来自服务器上的图片库。

本地图片上传后,将默认进入图片库。

属性

说明

链接地址

输入自定义图片的图片地址。

图片地址

选择或上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,图片不超过1MB。

图片库

该参数在单击“图片地址”后的齿轮图标显示。图片库有几下几种类型。

  • OBS/MINIO/OBJECTSTORAGEPROXY:通过连接器获取OBS或MINIO桶中的图片,需要提前配置OBS/MINIO/OBJECTSTORAGEPROXY类型连接器,选择具体的存储桶、连接器实现获取图片功能。
  • 连接器:该参数在单击“图片地址”后的齿轮图标显示。OBS/MINIO/OBJECTSTORAGEPROXY类型的连接器。
  • 桶:该参数在单击“图片地址”后的齿轮图标显示。OBS/MINIO类型连接器的存储桶。
    OBS/MINIO/OBJECTSTORAGEPROXY图片库支持按目录管理图片:
    • 单击目录后的新增根图片目录和子图片目录。
    • 单击“上传图片”可进行上传操作。
    • 在搜索框中输入关键字可以搜索对应的图片。
    • 选中图片时,单击,可以在图片库中删除此图片。
  • SFTP:选择SFTP后,图片将加密上传至nginx服务器的本地文件系统中。

图片宽高

该参数处于样式区域,用于设置图片的高度和宽度。

选择或上传图片

您可以直接从配置的OBS库或者SFTP库中选择一张已存在的图片,也可以直接从本地上传图片。

  1. 在图片组件属性“基本属性”中单击“图片地址”后的齿轮图标,出现“选择图片”弹窗。
  2. 在“图片库”中,选择图片库类型。
  3. 选择或上传图片。
    • 在当前图片库下,单击某图片,即可选中此图片。如果图片库中还没有图片,可以选择上传一个图片。
    • 单击“上传图片”,在本地选择一张图片,完成后该图片将默认上传到当前图片库。
  4. 单击“确定”完成图片选择,返回页面设计视图。
分享:

    相关文档

    相关产品

close