美文网首页
微信H5页面点击放大图片浏览

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

作者: SunShine_2145 | 来源:发表于2019-11-13 17:56 被阅读0次

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

          });

            });

        }

    }

相关文章

网友评论

      本文标题:微信H5页面点击放大图片浏览

      本文链接:https://www.haomeiwen.com/subject/oarkictx.html