先选择文件或内容区域
打开后台「表单」编辑页,在「<瓜奇> 表单」中选择「可提交表单」,再添加元素。
收集证件、图片或 PDF 等材料时,选择「文件」;只想展示填写说明时,选择「内容区域」。开始前,应先确定要收集几份文件、每份允许什么格式,以及是否必须全部提交。
配置文件上传位置
- 将「元素类型」设为「文件」,填写元素名称。
- 在文件分组中添加所需的文件项,每一项对应一个上传位置。
- 为每个位置填写提示、允许上传的文件类型,并按需设置背景图片。
- 需要用户填满这些上传位置时,打开该元素的「是否必填」。
| 设置 | 作用和填写方法 |
|---|---|
| 提示 | 告诉用户这个位置需要什么材料,例如“请上传申请表 PDF”。默认提示为“请上传jpg,png,pdf文件”。 |
| 允许上传的文件类型 | 填写扩展名,用英文逗号分隔,例如 jpg,png,pdf。只收 PDF 时填写 pdf。 |
| 背景图片 | 为上传位置设置背景或示意图片,帮助用户识别要提交的材料。 |
每个上传位置都有自己的格式规则。提交时,系统会检查文件是否为有效附件,并按对应位置的配置检查扩展名。允许类型为空时,不能通过这项格式检查,因此不要用留空表示“不限格式”。
提交文件数不能超过配置的上传位置数。如果文件元素设为必填,需要填满所有配置位置:例如添加了两个文件项,就需要提供两份文件。
提示文字不控制格式。写了“只支持 PDF”,也必须把「允许上传的文件类型」改为 pdf。表单中的格式设置也不会自动放宽媒体上传权限或服务器的文件大小限制。
配置内容区域
另加一个元素,将类型设为「内容区域」,在对应语言中填写 HTML 说明。它适合展示材料清单、填写示例和提交须知。
内容区域只展示内容,不是用户输入项,也不提供必填开关。需要用户勾选确认时,应使用确认框元素。
检查多语言显示
元素名称、描述和内容区域可在对应的多语言字段中填写。文件项的「提示」是普通文本,页面会直接显示这段文字,不会按语言自动切换。
网站提供多种语言时,应逐种语言查看上传提示和说明,确认用户能理解材料要求。
保存后测试上传和提交
- 保存表单,打开实际引用该表单的页面,检查提示、背景图片和内容区域排版。
- 使用目标参与者账号上传一份允许的文件,并完成提交。
- 再用不允许的格式测试,确认不能成功提交。
- 如果设置了多个上传位置,分别测试各位置的格式规则。
- 如果设为必填,故意留空一个位置,确认提交会被拦截;补齐后再检查提交记录中的附件是否正确。
文件无法上传时,先区分是上传阶段失败,还是表单提交时被拒绝,再检查用户的媒体权限、服务器限制和该位置的文件类型配置。