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

浏览数：122 / 时间：2015年06月09日

场景：做的一个手机网页，当微信扫描进入网页时需要判断用户是否选择分享到朋友圈，若分享到朋友圈则需要找出网页中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;
}