[通用]拍照上传

  • 文档创建者:文档助手1
  • 编辑次数:13次
  • 最近更新:Carly 于 2020-06-09
  • 1. 概述

    1.1 版本

    报表设计器版本JAR 包App 版本HTML5 移动端展现插件版本功能
    10.0-V9.2.200V10.1

    拍照上传

    拍照仅支持上传压缩图

    10.02020-06-08V10.4.76V10.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 下只支持「允许拍照和从相册选中」

    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 翻转摄像头

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

    注:HTML5 端始终支持该功能

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

    1591063059596219.png

    3.4 选择原图

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

    注:HTML5 端不支持该功能

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

           App V10.4.76 之前的版本仅支持上传压缩后的图片。

    1591063163631008.png

    4. 从相册选择

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

    4.1 选择图片

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

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

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

    1591063819544718.png

    4.2 选择原图

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

    1591063970599555.png

    4.3 查看/删除已选图片

    注:该功能仅支持决策报表。

    4.3.1 查看已选图片

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

    12222.gif

    4.3.2 删除已选图片

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

    1591064519647377.png

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!