码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:style   blog   ar   io   color   sp   for   on   div   

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

 

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

标签:style   blog   ar   io   color   sp   for   on   div   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!