1. 概述
1.1 版本
报表设计器版本 | JAR 包 | App 版本 | HTML5 移动端展现插件版本 | 功能 |
---|---|---|---|---|
10.0 | - | V9.2.200 | V10.1 | 拍照上传 拍照仅支持上传压缩图 |
10.0 | 2020-06-08 | V10.4.76 | V10.1 | App 端新增支持: 支持转换摄像头 拍照支持选择原图 |
1.2 应用场景
移动端填报时,常常用到拍照上传功能进行填报,例如:
1)业务员外出考勤时,可通过拍摄实时照片上传打卡。
2)拜访客户时,可拍摄产品实际应用照片反馈至总部。
1.3 功能描述
FineReport 10.0 移动端支持通过文件控件上传图片和拍照功能。
App V10.4.76 及之后的版本支持上传原图和转换摄像头拍照。
具体支持的功能如下表所示:
分类 | 功能 | 备注 |
---|---|---|
拍照上传 | 拍照 | - |
重拍 | - | |
翻转摄像头 | HTML5 端始终支持该功能 App V10.4.76 及之后的版本支持该功能,详情参见本文 1.1 章节 | |
选择原图 | HTML5 端不支持该功能 App V10.4.76 及之后的版本支持该功能,详情参见本文 1.1 章节 | |
从相册选择 | 选择图片 | - |
选择原图 | - | |
查看/删除已选图片 | 填报模板不支持 APP 点击查看 |
2. 使用方法
2.1 报表设置
选中报表中的文件控件,点击组件设置>移动端,可设置移动端上传方式:允许拍照和从相册选中或仅允许拍照。如下图所示:
注1:详情请参见:上传图片
注2:如需保存图片至服务器或上传到 FTP,详情请参见:上传下载文件插件
注3:8.0 设计器和 8.0 App 下只支持「允许拍照和从相册选中」
2.2 移动端使用
注1:关于报表模板如何在移动端展现请参见:报表在 App 的预览方式
注2:HTML5 端,文件控件需要依赖单点登录,且钉钉不支持限制拍照的效果。
2.2.1 允许拍照和从相册选中
如文件控件上传方式为允许拍照和从相册选中,App 或 HTML5 端打开模板,点击文件控件,可以选择拍摄和从相册选择。如下图所示:
2.2.2 仅允许拍照
如文件控件上传方式为仅允许拍照,App 或 HTML5 端打开模板,点击文件控件,不再弹出选择提示,直接跳转拍照。如下图所示:
3. 拍照上传
App 或 HTML5 端打开模板,点击文件控件,选择拍摄后,用户可进行拍照、重拍、翻转摄像头、选择原图等操作。
3.1 拍摄
点击拍摄,拍摄完成后,点击勾即可使用照片,如下图所示:
3.2 重拍
对于拍摄完成的照片不满意,可点击重拍,返回拍摄界面重新拍照,如下图所示:
3.3 翻转摄像头
用户在拍摄照片时,可切换前后置摄像头,实现人脸打卡等功能,如下图所示:
注:HTML5 端始终支持该功能
App V10.4.76 及之后的版本支持该功能。
3.4 选择原图
对于拍摄完成的照片,用户可自行选择是否上传原图,默认不上传,使用压缩后的图片,如下图所示:
注:HTML5 端不支持该功能
App V10.4.76 及之后的版本支持该功能。
App V10.4.76 之前的版本仅支持上传压缩后的图片。
4. 从相册选择
App 或 HTML5 端打开模板,点击文件控件,选择从相册选择后,用户可进行勾选照片、选择原图、查看已选照片、删除已选照片等操作。
4.1 选择图片
点击从相册选择,可勾选单张或多张图片并上传,如下图所示:
注:决策报表上传文件后,在文件控件中会显示图片的缩略图。
普通报表上传文件后,在文件控件中不显示图片的缩略图。
4.2 选择原图
对于勾选的照片,用户可自行选择是否使用原图,默认不勾选,使用压缩后的图片,如下图所示:
4.3 查看/删除已选图片
4.3.1 查看已选图片
点击文件控件中已上传的图片缩略图,可放大并查看当前图片,可左右滑动切换图片。如下图所示:
注:该功能填报模板不支持使用 APP 点击查看。
4.3.2 删除已选图片
决策报表中,点击文件控件中已上传的图片缩略图,可放大当前图片,删除上传错误的图片,如下图所示: