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;
    }
  • 相关阅读:
    Struts2 (二)入门
    Struts2 (一)入门
    Hibernate 配置和注解式 ,关联关系
    Hibernate入门,HQL,双向表关联关系
    web自定义标签
    Spring整合MyBatis 基础
    PHP字符串——字符串函数
    php功能模块学习笔记
    PHP常用符号和函数
    asp xmlhttp 读取文件
  • 原文地址:https://www.cnblogs.com/feijian/p/4169743.html
Copyright © 2011-2022 走看看