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.原因
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值