历史版本17 :[通用]拍照上传 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表设计器版本App 版本HTML5 移动端展现插件版本
11.0V11.0V11.0

1.2 应用场景

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

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

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

1.3 功能描述

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

分类
功能备注
拍照上传拍照
-
重拍-
翻转摄像头

HTML5 端、App 支持该功能

选择原图

HTML5 端不支持该功能

App V10.4.76 及之后的版本支持该功能

从相册选择选择图片-
选择原图-
查看/删除已选图片填报模板不支持 APP 点击查看

2. 使用方法编辑

2.1 报表设置

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

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

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

2020-06-01_16-40-22.png

2.2 移动端使用

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

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

2.2.1 允许拍照和从相册选中

如文件控件上传方式为「允许拍照和从相册选中」,App 或 HTML5 端打开模板,点击「文件控件」,可以选择「拍摄」和「从相册选择」。如下图所示:

1591010103292774.png

2.2.2 仅允许拍照

如文件控件上传方式为「仅允许拍照」,App 或 HTML5 端打开模板,点击「文件控件」,不再弹出选择提示,直接跳转拍照。如下图所示:

1591060777511152.png

3. 拍照上传编辑

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

3.1 拍摄

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

1591062370168005.png


3.2 重拍

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

1591062551655415.png

3.3 翻转摄像头

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

1591063059596219.png

3.4 选择原图

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

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

1591063163631008.png

4. 从相册选择编辑

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

4.1 选择图片

点击从相册选择,可勾选单张或多张图片并上传,如下图所示:

注:决策报表上传文件后,在文件控件中会显示图片的缩略图。普通报表上传文件后,在文件控件中不显示图片的缩略图。

1591063819544718.png

4.2 选择原图

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

1591063970599555.png

4.3 查看/删除已选图片

4.3.1 查看已选图片

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

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

12222.gif

4.3.2 删除已选图片

决策报表中,点击「文件控件」中已上传的图片「缩略图」,可「放大」当前图片,「删除」上传错误的图片,如下图所示:

1591064519647377.png