1.微信拍照/Weixin Photo

老赵发表于:2015年02月25日 09:06:44更新于:2019年01月08日 19:08:47

  • 组件效果

1. 在作品中,点击拍照组件,会弹出微信拍照菜单,可以选择拍照、或者选取相册中现有照片。

00154ed19665fb6db5adf0bda5e6a0c

2. 拍照或选取图片后,由于之前设置了拍照后触发“替换资源文件”操作,此时会弹出图片编辑器,可以对图片进行位置和大小的调整,点击“查看效果”,确认调整。

00154ed19d8a0c3d29107b81f05e643

当然除了使用微信拍照组件上传照片,还可以用一个触发行为设置,具体教程戳链接:微信拍照/上传照片触发行为教程

  • 添加微信拍照组件

0015c34779466262ccb9ed8c1780e92


  • 组件设置

1)因为通过微信拍照组件上传的照片,自己不能显示,所以要在页面中添加一张用于显示照片的图片作为被替换的资源,可以使用透明图片。

image.png

2).给微信拍照组件设置成功时的触发器,触发替换资源(即微信拍照上传本地照片或者拍照成功后,替换已经在H5中的那张图)。

image.png

3)用于替换照片的图片,勾选可编辑后,上传的照片可以用双指调整大小。

image.png

处于该界面时可调整

0015c3474424622804710468e714ae3

整个设置过程动图演示:

0015677a6f99dbd52aac9082cd1982d

  • 注意事项

但微信拍照组件会受到一些因素的影响而导致微信功能开启失败,因此,使用该组件的用户需要注意以下几点:

1.首先如果需要拍照/上传照片的页面是在第二页,建议第一页的或者加载页,一定要把素材页的特别小(不要几百KB以上),方便打开H5时提前加载好内容;并且在第一页加载时,就设置加载其他页面(页面预加载教程

2.检查下公众号APPID设置是否有问题,建议直接使用我们的;如果是使用的是自己的还会有问题,需要检查配置是否正确。(下图是默认使用Epub360的 公众号APPID)

image.png

3.因为拍照功能是调用的微信接口,打开作品有一个初始化的过程,如果有失败的情况,目前技术暂时解决不了。但是机率较低,前面的问题解决了,问题不大。

设置微信开发者信息

1. 体验版/基础版用户作品中,拍照后图片调整页将会出现“Epub360 免费技术支持”字样;

2.专业版用户作品,不会出现上述提示信息;

3.使用微信拍照组件,必须有经过认证的服务号,并正确设置微信开发者信息(如下图所示)才能正常使用。

注意:大部分用户如果没有认证的服务号,第3条可以忽略不计,使用默认的意派的服务号即可。

0015b98a194806275515574932132f8

了解如何设置微信开发者信息 

blob.png

  • 后台查看照片

后台查看照片,至少是专业版用户有该权限。

  1. 用户上传照片后,我没有使用数据库,怎样才能在后台查看?(教程链接

  2. 用户上传照片到数据库,我该怎样设置?(教程链接

  3. 用户参与我发起的拍照大赛,怎样在后台查看并实时更新在H5页面上?(教程链接)

--------- 不了解设计的程序员不是好客服 ---------------

回复(16)