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 模板设置
新建决策报表,添加文件控件,如下图所示:
3.3 App 效果预览
保存模板,在 App 端打开模板,单击文件控件,选择拍摄图片或从相册中选择,如下图所示:
勾选单张或多张图片,在文件控件中会显示图片的缩略图,如下图所示:
点击缩略图可放大查看当前图片,左右滑动切换图片,若有些图片上传错了,可点击删除,并支持图片分段上传即重新点击文件控件可对上传的照片进行新增,如下图所示:
3.4 文件控件限制只能拍照
打开报表,选中文件控件,修改移动端属性,将上传方式改为“仅允许拍照”,如下图所示:
则移动端点击文件控件,不再弹出选择提示,直接调用拍照。如下图所示:
关于报表模板如何在移动端展现请参考“报表在 App 的预览方式”。
注 1:8.0 设计器+8.0App 下只支持:允许拍照和从相册选择。
3.5 H5 预览效果
在微信中预览效果如下:
注:文件控件需要依赖单点登录,且钉钉不支持限制拍照的效果。