archives

  1. Home
  2. Knowledge Base
  3. 控件,字段及编辑器
  4. 字段关联的用户控件
  5. 图片上传
  1. Home
  2. Knowledge Base
  3. 控件,字段及编辑器
  4. 图片上传

图片上传字段允许用户通过表单提交一张或多张图像。他们可以拍照或上传图片。以下图片上传字段在表单上的外观:

在表单中加入图片上传控件

首先,在控件面板中找到图片上传控件,然后将它拖拽到您表单中的合适位置。

图片上传的基础设置

打开内容>基础设置面板进行字段的标题设置。关于更多字段标题的信息,请参考:

控件的标题

为图片上传字段设置关联变量。当您新增了一个字段,系统会随之自动创建一个默认变量。您可以单击编辑按钮来更新变量标识和变量名称,或者单击重置按钮将该字段绑定到系统中已有的某个变量上。关于更多信息,请参考:

了解表单控件和相关变量/字段

图片上传的显示

打开内容>显示面板进行图片上传字段的外观和布局设置。

上传多个:打开这项开关以允许用户上传多个图片。

最大数:设置最多允许上传多少个图片。

显示标题:选择显示或隐藏字段的标题。

允许评论:打开开关将允许用户在该字段上添加评论。

动态显示规则:如果您设置了动态显示规则,该字段将会根据设置的条件与规则动态显示。请参考:创建动态显示规则

图片上传的验证

打开内容>验证面板来设置字段的属性。

只读:打开该开关会使该字段处于只读模式。

必填项:设置必填项,使您的用户必须上传图片到该字段。

单张图片大小限制(MB):设置允许上传单张图片的最大限制。默认单张图片最大为1MB,您可以更改大小。50MB是单个图片上传的最大限制。

默认值:您可以在此处设置默认图片。如果图片上传字段设置为只读,则用户无法更改该默认图片;而如果它是可编辑的,则用户可以移除掉该默认图片。

自定义验证:设置自定义验证规则后,如果规则被满足,一个错误信息将会显示在该字段下。您可以为一个字段创建多条自定义验证规则。更多信息请参考:自定义验证

图片上传的动作唤起

打开内容>动作面板来唤起一个已定义好的动作。当图片上传字段的值发生变更时,这个动作将会被触发。

设计图片上传字段

布局

  1. 列间隙:控制每列之间的间距。
  2. 行间隙:控制每行之间的间距

图片

  1. 宽度:设置图片的宽度
  2. 高度:设置图片的高度
  3. 不透明度:设置不透明度
  4. CSS过滤器:设置CSS过滤器:模糊、明暗度、对比、饱和度、色调
  5. 边框类型:设置边框类型
  6. 边框半径:设置边框半径
  7. 阴影:设置阴影

删除按钮

  1. 颜色:设置删除标志的颜色
  2. 背景颜色:设置删除按钮的背景颜色

上传按钮

  1. 外边距:设置上传按钮的外边距,可以设置为PX或%。
  2. 内边距:设置上传按钮的内边距:可以设置为PX或%。
  3. 排版:更改按钮文本的默认版式选项。
  4. 常规/悬停:为图片上传字段的常规以及悬停状态设置不同的样式。以下样式支持常规与悬停状态下的分开设置:
    • 颜色:选择按钮文字的颜色。
    • 背景颜色:设置按钮的背景色。
    • 边框类型:选择按钮的边框类型。
    • 边框半径:设置边框半径来控制圆角。           
    • 阴影:设置按钮框的阴影显示。
  5. 对齐:将按钮设置为向左、居中、向右或两端对齐。
  6. 位置:选择“顶部”将在图片上面显示上传按钮;选择“底部”将在图片下面显示上传按钮。

标题样式

控件标题的样式设置请参考:控件的标题

高级设置

控件的高级设置请参考:高级设置

Was this article helpful?