[通用]拍照上传

1.1 版本

1.2 应用场景

移动端填报时，常常用到拍照上传功能进行填报，例如：

1）业务员外出考勤时，可通过拍摄实时照片上传打卡。

2）拜访客户时，可拍摄产品实际应用照片反馈至总部。

1.3 功能描述

具体支持的功能如下表所示：

2.1 报表设置

选中报表中的「文件控件」，点击「组件设置」>「移动端」，可设置移动端「上传方式」：「允许拍照和从相册选中」或「仅允许拍照」。如下图所示：

注1：详情请参见：上传图片 

注2：如需保存图片至服务器或上传到 FTP，详情请参见：上传下载文件插件 

2.2 移动端使用

注1：关于报表模板如何在移动端展现请参见：报表在 App 的预览方式

注2：HTML5 端，文件控件需要依赖单点登录，且钉钉不支持限制拍照的效果。

2.2.1 允许拍照和从相册选中

如文件控件上传方式为「允许拍照和从相册选中」，点击「文件控件」，可以选择「拍摄」和「从相册选择」。如下图所示：

2.2.2 仅允许拍照

如文件控件上传方式为「仅允许拍照」点击「文件控件」，不再弹出选择提示，直接跳转拍照。如下图所示：

移动端打开模板，点击「文件控件」，选择「拍摄」后，用户可进行「拍照」、「重拍」、「翻转摄像头」、「选择原图」等操作。

3.1 拍摄

点击「拍摄」，拍摄完成后，点击「勾」即可使用照片，如下图所示：

V11.0.83后，HTML5 拍照上传交互优化，点击「+」添加图片。

3.2 重拍

对于拍摄完成的照片不满意，可点击「重拍」，返回拍摄界面重新拍照，如下图所示：

3.3 翻转摄像头

用户在拍摄照片时，可切换前后置摄像头，实现人脸打卡等功能，如下图所示：

3.4 选择原图

对于拍摄完成的照片，用户可自行选择是否「上传原图」，默认不上传，使用压缩后的图片，如下图所示：

注：HTML5 端不支持「上传原图」，默认使用压缩后的图片。

App 或 HTML5 端打开模板，点击「文件控件」，选择「从相册选择」后，用户可进行「勾选照片」、「选择原图」、「查看已选照片」、「删除已选照片」等操作。

注：HTML5 端仅在单点登录场景下支持「选择原图」，其余情况不支持。

4.1 选择图片

点击从相册选择，可勾选单张或多张图片并上传，HTML5效果如下图所示：

4.2 选择原图

对于勾选的照片，用户可自行选择是否「使用原图」，默认不勾选，使用压缩后的图片，如下图所示：

4.3 查看/删除已选图片

4.3.1 查看已选图片

点击「文件控件」中已上传的图片「缩略图」，可「放大并查看」当前图片，可「左右滑动」切换图片。如下图所示：

注：该功能填报模板不支持使用 APP 点击查看。

4.3.2 删除已选图片

HTML5 V11.0.83 版本后，点击缩略图右上角即可删除添加的图片，如下图所示：

也可点击图片详情，在右上角删除图片。如下图所示：

4.3.3 批量查看图片

HTML5 V11.0.83后，如果未显示的图片超过 6 张，点击折叠的图片「+N」，即可批量查看缩略图，并支持查看大图、删除图片等操作。如下图所示：

4.3.4 放大图片

HTML5 V11.0.83 版本后，支持放大图片。如下图所示：