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 章節 | |
從相冊選擇 | 選擇圖片 | - |
選擇原圖 | - | |
查看/删除已選圖片 | 僅支持決策報表 |
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 查看已選圖片
決策報表中,點擊文件控件中已上傳的圖片縮略圖,可放大并查看當前圖片,可左右滑動切換圖片。如下圖所示:
4.3.2 删除已選圖片
決策報表中,點擊文件控件中已上傳的圖片縮略圖,可放大當前圖片,删除上傳錯誤的圖片,如下圖所示: