vue 获取安卓原生方法_H5-vue与原生Android、ios交互获取相册图片

第一次写简书，比较忐忑，不足部分望简友批评指正，互相学习！

功能需求：H5页面(vue)和移动端安卓、苹果进行交互，调取原生摄像头或相册上传照片；

需求分析：1.移动端获取H5页面的点击事件 2.移动端进行拍照或者是选取照片上传服务器获得图片路径(h5不用管)3.H5获取移动端传值方法获取图片的路径

下面进行正题

第一步：H5正常定义点击事件

ps：括号中的123参数，是为了区分身份证的正反面，同时也是要传递给移动端的，有参传参，无参不传，下面讲

图1

第二步：在vue的methods中写点击事件方法

1.这里要说明一下，方法里要判断Android、和ios系统，因为，不同的系统，移动端接收的方法不同

2.看2.3处的方法，此处就是移动端接收H5的点击事件的方法，这也是交互的开始，2.3处的方法名是H5和移动端互相商定的名字，一致就可以，此处我是为了避免起更多的方法名，就用了我自定义的点击事件名即mainIdCard()，括号里面的value就是传递给移动端的参数

3.看3处的ios的接收方法格式很好理解就是普通的方法，而Android的接收方法是test.mainIdCard()比较奇特，这也是为什么要判断不同系统的原因了，没关系，我们就按照安卓的格式写吧。(至于为什么是test.而不是其他的，这是看安卓心情的 叫啥都行，如果是handle.那我们就写handle.mainI