ios环境下H5 input 选择图片在函数回调中失效的问题

在一次采集项目中,需求是拍摄照片的时候,获取地理位置与时间,带着图片与这些信息传给后端打上水印返回,因为是微信公众号的项目,所以我使用的是微信的jssdk的定位方法以及高德的逆地理编码,代码如下:
wx.getLocation({
          type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
          success: function (res) {
            var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
            var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
            that.people_list[3].latitude = latitude
            that.people_list[3].longitude = longitude
            var location = longitude+','+latitude
            var url = 'https://restapi.amap.com/v3/geocode/regeo?key=**************************&location='+location;
            HTTP.requestGet({
              that: that,
              action: url,
              success: function (res) {
                console.log(res.regeocode.formatted_address)
                that.people_list[3].val =  res.regeocode.formatted_address
                that.people_list[5].formatted_address = res.regeocode.formatted_address
                var name = '#filechooser'
				$(name).trigger("click");
              },
              error: function (res) {
                console.log(res)
                load.loading.showError(res.msg);
              }
            })
          }
        });

这段代码在安卓环境下测试没有问题,但是当我进入到ios环境下时,广播触发的click事件,却失效了,通过控制台打印的结果来看,click的方法进入了,但是却没有触发,简单来说,这个bug是ios环境下,回调函数中的input方法的click失效

1.解决方法

ansync await改写,既然回调会失效,那么不进入回调即可,

 setlocal:async function(){
          await this.getlocal()
          var msg = {name:"illegalCP"}
          console.log('fsfsf')
          this.$root.Bus.$emit('take_photo_ok',msg)   //vue-bus 对组件进行广播,item.num用来判断接受的是否可以赋值
        },
 getlocal:async function(){
        var that = this;

        //  that.people_list[5].formatted_address = '测试地址'
        //         var msg = {name:"illegalCP"}
        //         that.$root.Bus.$emit('take_photo_ok',msg)   //vue-bus 对组件进行广播,item.num用来判断接受的是否可以赋值
        // return
        wx.getLocation({
          type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
          success: function (res) {
            var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
            var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
            that.people_list[3].latitude = latitude
            that.people_list[3].longitude = longitude
            var location = longitude+','+latitude
            var url = 'https://restapi.amap.com/v3/geocode/regeo?key=*****************&location='+location;
            HTTP.requestGet({
              that: that,
              action: url,
              success: function (res) {
                console.log(res.regeocode.formatted_address)
                that.people_list[3].val =  res.regeocode.formatted_address
                that.people_list[5].formatted_address = res.regeocode.formatted_address           
              },
              error: function (res) {
                console.log(res)
                load.loading.showError(res.msg);
              }
            })
          }
        });
      },

2.原因

原文地址:https://www.cnblogs.com/play1997/p/13609090.html