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

目录:

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预览效果

h5下预览效果如下:

222