首页 > Web开发 > 详细

分享到朋友圈时获取网页中的缩略图

时间:2014-12-17 18:19:36      阅读:323      评论:0      收藏:0      [点我收藏+]

场景:做的一个手机网页,当微信扫描进入网页时需要判断用户是否选择分享到朋友圈,若分享到朋友圈则需要找出网页中class=article_content 的一个div下面的所有img图片,若图片比例合适(高宽比例),则将它置为分享时左边的缩略图展示

function getThumbnail()
{
    var arrayImgs = [];
    $("div.article_content img").each(function () {
        //alert($(this).attr("src"));
        arrayImgs.push($(this).attr("src"));

    });
    var width, height, i;
    var result="";
    for (i = 0; i < arrayImgs.length; i++)
    {
        // 图片地址
        var img_url = arrayImgs.pop();
        // 创建对象 
        var img = new Image();
        // 改变图片的src 
        img.src = img_url;
        // 判断是否有缓存
        if(img.complete){     
            // 打印     
            alert(‘from:complete : width:‘ + img.width + ‘,height:‘ + img.height + ";result:" + result);
        }else{     
            // 加载完成执行     
            img.onload = function(){        
                // 打印         
                alert(‘from:onload : width:‘ + img.width + ‘,height:‘ + img.height + ";result:" + result);
            };
        }
        if (img.width / img.height > 0.6 && img.height / img.width < 1.4) {
            result = img_url;
            break;
        }
    }
    return result;
}

 

分享到朋友圈时获取网页中的缩略图

原文:http://www.cnblogs.com/feijian/p/4169743.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!