zoukankan      html  css  js  c++  java
  • 分享到朋友圈时获取网页中的缩略图

    场景:做的一个手机网页,当微信扫描进入网页时需要判断用户是否选择分享到朋友圈,若分享到朋友圈则需要找出网页中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 : ' + img.width + ',height:' + img.height + ";result:" + result);
            }else{     
                // 加载完成执行     
                img.onload = function(){        
                    // 打印         
                    alert('from:onload : ' + 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;
    }
  • 相关阅读:
    驱动程序细节和权衡
    交互
    查找UI元素
    Selenium-Webdriver API命令和操作-Get & Wait
    Selenium的webdriver
    openssl生成ssl证书
    tony_nginx_02_URL重写
    CPA
    消息队列产品比较
    元数据交换绑定的秘密
  • 原文地址:https://www.cnblogs.com/feijian/p/4169743.html
Copyright © 2011-2022 走看看