首页 > 代码库 > 分享到朋友圈时获取网页中的缩略图
分享到朋友圈时获取网页中的缩略图
场景：做的一个手机网页，当微信扫描进入网页时需要判断用户是否选择分享到朋友圈，若分享到朋友圈则需要找出网页中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 =http://www.mamicode.com/ 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;}
分享到朋友圈时获取网页中的缩略图
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。