美文网首页
微信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