博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享到朋友圈时获取网页中的缩略图
阅读量:6476 次
发布时间:2019-06-23

本文共 1122 字,大约阅读时间需要 3 分钟。

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

你可能感兴趣的文章
javascript 字符串转数字的简便写法
查看>>
html之div始终停留在屏幕中间部分
查看>>
AsyncTask的缺陷
查看>>
Spring中jdbcTemplate的用户实例
查看>>
[模板] 快速傅里叶变换/FFT/NTT
查看>>
DecimalFormat 数据格式设置 SimpleDateFormat时间格式的用法介绍 --转载
查看>>
Android 的Margin和Padding属性以及支持的长度单位
查看>>
653. Two Sum IV - Input is a BST
查看>>
HDU ACM 1050 Moving Tables
查看>>
Django templates加载css/js/image等静态资源
查看>>
Eclipse C + GTK2.0环境构筑
查看>>
caffe solver
查看>>
Rhel6-heartbeat+lvs配置文档
查看>>
[CF340D]Bubble Sort Graph/[JZOJ3485]独立集
查看>>
ORACLE分科目统计每科前三名的学生的语句
查看>>
第一次冲刺--查看活动详情用户场景分析
查看>>
0317复利计算的回顾与总结
查看>>
函数对象
查看>>
Sharepoint学习笔记—习题系列--70-573习题解析 -(Q70-Q72)
查看>>
最全最新个税计算公式---今天你税了吗?
查看>>