zoukankan      html  css  js  c++  java
  • 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.原因

  • 相关阅读:
    TypeError: write() argument must be str, not bytes报错
    md5加密报错解决方法(TypeError: Unicode-objects must be encoded before hashing)
    认识requests库,以及安装方法
    python开发必备pycharm专业版破解方法
    接口测试面试题
    jmeter断言
    大顶堆和小顶堆模版
    快速幂带取余模版
    二叉树的前中后序遍历的递归与非递归算法模版
    KMP算法模版
  • 原文地址:https://www.cnblogs.com/play1997/p/13609090.html
Copyright © 2011-2022 走看看