1. 程式人生 > 其它 >H5 在微信上分享如何自定義標題+內容+圖片

H5 在微信上分享如何自定義標題+內容+圖片

1、在微信上分享的時候發現只有頭部標題顯示,沒有內容和圖片,那麼如何自定義內容和圖片呢? 首先第一步在 index.html先引入微信JS sdk

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

2、加上一下js程式碼,就可以達到自定分享效果了

$(function() {
//建立分享
        function funcShare() {
            $.ajax({
                async: false
, url: "../ShareHandler.ashx", data: { dataurl: location.href.split("#")[0] }, success: function(res) { var json = eval("(" + res + ")"); console.log(json); var
jsApiList = ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ", "onMenuShareWeibo", "onMenuShareQZone" ]; wx.config({ debug: false, appId: json.wxappid, timestamp: json.timestamp, nonceStr: json.noncestr, signature: json.strSige, jsApiList: jsApiList }); } }); }
//簽名完成 wx.ready(function() { // console.log("驗證完成!!!"); //分享的頭部標題 var title = "標題"; //分享的內容 var desc = "baidu.com"; var link = location.href.split("#")[0]; //分享要顯示的右下角小圖片 var imgUrl = "http://www.to-morrow.com/attractInvestment/img/logo.png"; //朋友圈 wx.onMenuShareTimeline({ title: title, link: link, imgUrl: imgUrl }); //朋友 wx.onMenuShareAppMessage({ title: title, desc: desc, link: link, imgUrl: imgUrl }); //QQ wx.onMenuShareQQ({ title: title, desc: desc, link: link, imgUrl: imgUrl }); //微博 wx.onMenuShareWeibo({ title: title, desc: desc, link: link, imgUrl: imgUrl }); //QQ空間 wx.onMenuShareQZone({ title: title, desc: desc, link: link, imgUrl: imgUrl }); }); funcShare(); })