.

2.后台查看用户上传照片(专业版及以上版本权限)

小常发表于:2017年11月22日 14:32:29更新于:2019年04月17日 16:30:20

一、照片收集效果

image.png


二、应用场景

照片收集是常用的数据类型收集,一般用于用户上传照片的收集,或者微信拍照大赛的照片输出。


三、参考思路

可以使用【分享数据存储的触发行为 】或【数据库相关功能】,两种方式任选一种,收集用户上传到H5中的照片,并且可以下载。


四、功能设置

高级用法1:收集用户上传到H5中的照片

设置方式一:分享数据存储的触发

1.触发行为的方式查看用户照片。前提是H5页面中使用了微信拍照组件或者上传本地照片的触发行为,至于这个组件或触发行为是怎样使用的,戳《微信拍照教程链接或 《上传照片链接


2.基本的设置如图:

image.png


2.接下来是关键部分,如何设置让用户上传的照片后台可查看,在这里需要注意一个细节:给用来显示照片的图片右侧勾选一下可编辑

image.png


3.给“按钮完成”设置触发器——点击时——分享相关——分享数据存储。这个行为最终使得用户如图:

image.png


4.最后就是需要发布作品进行收集效果的查看,需要查看作品是否发布,并且已经发布的作品有修改记得点击作品更新。


5.在我的工作台——点击作品访问统计可查看照片

image.png


6.收集到的效果如图:

image.png



设置方式二:分享数据存储的触发

1.需要在新建数据表的时候,新建字段,用户上传照片,类型是图片(这个是必选,要跟需要收集数据的类型对应)。

image.png

 

2.切换到编辑器界面,添加这个数据表。

image.png


3.给页面中的元素添加触发器,触发数据的提交,具体设置如图:

image.png


4.查看数据,要到新建数据表的界面——我的工作台找到数据库——新建的数据表——查看数据image.png


高级用法2:收集用户的截屏图片

1.使用截屏组件,添加需要截屏的元素,勾选截屏选项的需要生成文件;

image.png


2.添加元素触发截屏,可添加截屏成功后触发器,触发用户数据分享存储或触发新建数据,将图片保存到后台或数据表中。方式跟上述保存照片到后台基本一致,区别是:想要保存截屏,实际保存的是用来显示截屏的图片。

注意:如果同时使用用户数据分享存储和触发数据表新建数据,应该是依次执行,举例:截屏成功后——数据库操作——数据库操作成功后——触发用户数据分享,不建议在截屏按钮触发器上一次性执行多个保存到后台的动作。

image.png