微信H5页面点击放大图片浏览

2019-11-13  本文已影响0人  SunShine_2145

1.引用微信js

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

2./*调用微信预览图片的方法*/

    function funcReadImgInfo(){

    var imgs = [];

      var imgObj = $(".userImg img");//这里改成相应的对象

    for(var i=0; i<imgObj.length; i++){

        imgs.push(imgObj.eq(i).attr('src'));

        imgObj.eq(i).click(function(){

              var nowImgurl = $(this).attr('src')

;//jq的语法补充this和$(this)的区别:this操作的是HTML对象,那么,HTML对象中怎么会有val()方法了,所以,在使用中,我们不能直接用this来直接调用jquery的方法或者属性,$()  这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象

                  WeixinJSBridge.invoke("imagePreview",{

              "urls":imgs,

              "current":nowImgurl

          });

            });

        }

    }

上一篇 下一篇

猜你喜欢

热点阅读