微信小程序之图片文件上传

选择图片: https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html

上传图片： https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html

小程序身份认证界面，点击上传地方的加号，选择相册或者拍照，进行上传，原图无压缩，最多上传3张（分别为身份z正面、反面和手持） 。

注：这边以laravel框架为例

1、定义文件上传路由：

2、在laravel框架中的config文件夹下的filesystems.php文件中配置上传路径

3、身份认证文件上传方法

1、在身份认证界面的wxml中绑定选择图片事件

2、在身份认证界面的js中定义上传图片的方法

3、上传成功后，将上传的文件地址存到数组中

微信小程序图片切换有两种方式：

两个image标签绑定同一个点击事件，根据data的值(true或false)在点击事件里面进行图片切换。

为了区分，里面图片路径用单引号，外面src用双引号。

实现功能参考： 微信小程序自定义组件实现图片单指拖动、双指缩放效果 有修改。

给图片加拖动事件，我们需要知道它什么时候被点击、被拖拽和拖拽结束。

通过修改imageView的margin-left和margin-top来改变图片的位置以实现图片的单指移动效果和所有 *** 作结束松手后的回d效果。

通过修改imageView的宽和高以实现图片放大缩小的效果。且需要同时修改其margin-left和margin-top使图片能以【两手指的中间点为原点】缩放。

Talk is cheap, show you the code.

接下来是交互事件

---