.

11.触发行为——微信拍照/上传图片

小常发表于:2018年04月20日 11:05:19更新于:2022年12月01日 18:06:00

一、应用场景

可以通过给某个元素添加触发行为——微信拍照/上传图片,来上传手机或电脑中的图片到H5中。


二、功能设置

1.因为上传到H5中的图片不能自己显示,需要先在页面中添加一个用来显示上传照片的图片,并勾选缩放以为适合,防止上传的照片变形。

image.png


2.添加一个用来触发上传照片的元素(如下图中的红色按钮),设置触发器——微信拍照/上传图片——选择用来显示照片的图片——确认。

image.png


3.该触发行为跟微信拍照组件的区别在于:

  • 该触发行为仅限上传图片或拍照上传;

  • 微信拍照组件上传照片后,可在替换图勾选了【可编辑】的情况下,用手指调节缩放大小、旋转角度等。

但微信拍照组件会受到一些因素的影响而导致微信功能开启失败,因此,使用该触发行为可以弥补微信拍照组件的一些缺陷。