数据载入中,请稍后......
 
展开
懒人码库客户端 点击或扫描下载
欢迎来到懒人码库!懒人码库QQ群:19651313
欢迎来到懒人码库!懒人码库QQ群:19651313  
当前位置:懒人码库 > 移动web开发

微信分享网页到朋友圈,怎样才能带图片

2014-11-11 14:20 来源:www.lanrenmaku.com / 作者:懒人 已被阅读:次 分类:移动web开发 上一篇:让你的网站在移动端健步如飞 下一篇:微信分享到朋友圈的脚本奥秘

 微信在页面分享,使用js,分享给朋友,朋友圈,QQ微博.

只要写上以下代码就ok


<script>


var imgUrl = "http://www.baidu.com/img/bdlogo.gif";


var lineLink = "http://www.baidu.com";


var descContent = '亲子游来玩了';


var shareTitle = '我的标题';


var appid = '';


function shareFriend() {


    WeixinJSBridge.invoke('sendAppMessage',{


        "appid": appid,


        "img_url": imgUrl,


        "img_width": "200",


        "img_height": "200",


        "link": lineLink,


        "desc": descContent,


        "title": shareTitle


    }, function(res) {


    })


}


function shareTimeline() {


    WeixinJSBridge.invoke('shareTimeline',{


        "img_url": imgUrl,


        "img_width": "200",


        "img_height": "200",


        "link": lineLink,


        "desc": descContent,


        "title": shareTitle


    }, function(res) {


    });


}


function shareWeibo() {


    WeixinJSBridge.invoke('shareWeibo',{


        "content": descContent,


        "url": lineLink,


    }, function(res) {


    });


}


// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。


document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {


    // 发送给好友


    WeixinJSBridge.on('menu:share:appmessage', function(argv){


        shareFriend();


    });


    // 分享到朋友圈


    WeixinJSBridge.on('menu:share:timeline', function(argv){


        shareTimeline();


    });


    // 分享到微博


    WeixinJSBridge.on('menu:share:weibo', function(argv){


        shareWeibo();


    });


}, false);


</script>

小贴士:懒人码库 为网页前端人员提供建站常用的广告代码和网页特效,内容涵盖焦点图,导航菜单,jQuery代码,图片特效,对联广告,日历控件,在线客服等。