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

目录:

1. 描述编辑

文件控件支持上传图片及拍照的功能;

移动典型场景如业务员外出考勤,拜访客户的时候需要上传当时的照片等,由于现在的手机配置都比较好,像素比较高,拍出来的照片比较大,可能要上 M,一个是上传的时候比较慢,流量也耗不起;

另外这个图片也只是作为一个凭据存根,不需要非常清晰。所以需要类似微信、钉钉这种,默认上传压缩的是小图,可以选择是否要用原图。

2. 示例一(普通报表)编辑

2.1 拍摄和从相册选择

打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FreeForm\自由填报模板.cpt,其中 H6 单元格就是一个文件控件,详细内容请点击 上传图片

注:图片上传保存的位置可以根据实际情况绑定自己的数据库表的字段,如果想保存到服务器上或者上传到 ftp,详细步骤点击 上传下载文件插件

手机端打开模板,点击文件控件,可以选择拍摄和从相册选择,如下图:

1)拍摄

点击拍摄,拍摄完成后,点击勾即可使用照片,点击重拍可以重新拍照,如下图:

注:默认上传的是压缩的图片

2)从相册选择

点击从相册选择,默认上传的是压缩的图片,如果需要使用原图,勾选左下角的“使用原图”,点击确定即可,如下图:

3. 示例二(决策报表)编辑

3.1 版本要求

  报表服务器版本  App 版本HTML5 移动端展现插件版本 
  10.0  v9.2.200 v10.1

3.2 模板设置

新建决策报表,添加文件控件,如下图所示:

222

3.3 App 效果预览

保存模板,在 App 端打开模板,单击文件控件,选择拍摄图片或从相册中选择,如下图所示:

勾选单张或多张图片,在文件控件中会显示图片的缩略图,如下图所示:

点击缩略图可放大查看当前图片,左右滑动切换图片,若有些图片上传错了,可点击删除,并支持图片分段上传即重新点击文件控件可对上传的照片进行新增,如下图所示:



3.4 文件控件限制只能拍照

打开报表,选中文件控件,修改移动端属性,将上传方式改为“仅允许拍照”,如下图所示:

222

则移动端点击文件控件,不再弹出选择提示,直接调用拍照。如下图所示:

222

关于报表模板如何在移动端展现请参考“报表在 App 的预览方式”。

注 1:8.0 设计器+8.0App 下只支持:允许拍照和从相册选择。

3.5 H5 预览效果

在微信中预览效果如下:

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

222