分类导航

程序笔记发布时间：2022-07-13 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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() {
@H_675_11@//@H_675_11@创建分享@H_675_11@
        function funcShare() {
            $.ajax({
                @H_675_11@async@H_675_11@: false@H_675_11@,
                url: @H_675_11@"@H_675_11@../ShareHandler.ashx@H_675_11@"@H_675_11@,
                data: {
                    dataurl: LOCATIOn.href.split(@H_675_11@"@H_675_11@#@H_675_11@"@H_675_11@)[0@H_675_11@]
                },
                success: function(res) {
                    @H_675_11@var@H_675_11@ json = eval("@H_675_11@(@H_675_11@"@H_675_11@ + res + "@H_675_11@)@H_675_11@"@H_675_11@);
                    console.log(json);
                    @H_675_11@var@H_675_11@ jsApiList = ["@H_675_11@onMenuShareTimeline@H_675_11@"@H_675_11@, "@H_675_11@onMenuShareAppmessage@H_675_11@"@H_675_11@, "@H_675_11@onMenuShareQQ@H_675_11@"@H_675_11@,
                        @H_675_11@"@H_675_11@onMenuShareWeibo@H_675_11@"@H_675_11@, "@H_675_11@onMenuShareQZone@H_675_11@"@H_675_11@
                    ];
                    wx.config({
                        debug: @H_675_11@false@H_675_11@,
                        appId: json.wxappid,
                        timestamp: json.timestamp,
                        nonceStr: json.noncestr,
                        signature: json.strSige,
                        jsApiList: jsApiList
                    });
                }
            });
        }


        @H_675_11@//@H_675_11@签名完成@H_675_11@
        wx.ready(function() {

            @H_675_11@//@H_675_11@ console.log("验证完成！！！");
            
            @H_675_11@//@H_675_11@分享的头部标题@H_675_11@
            var@H_675_11@ title = "@H_675_11@标题@H_675_11@"@H_675_11@;
            @H_675_11@//@H_675_11@分享的内容@H_675_11@
            var@H_675_11@ desc = "@H_675_11@baidu.com@H_675_11@"@H_675_11@;
            @H_675_11@var@H_675_11@ link = LOCATIOn.href.split("@H_675_11@#@H_675_11@"@H_675_11@)[0@H_675_11@];
            @H_675_11@//@H_675_11@分享要显示的右下角小图片@H_675_11@
            var@H_675_11@ imgUrl = "@H_675_11@http://www.to-morrow.com/attracTinvestment/img/logo.png@H_675_11@"@H_675_11@;

            @H_675_11@//@H_675_11@朋友圈@H_675_11@
            wx.onMenuShareTimeline({
                title: title,
                link: link,
                imgUrl: imgUrl
            });

            @H_675_11@//@H_675_11@朋友@H_675_11@
            wx.onMenuShareAppmessage({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl
            });

            @H_675_11@//@H_675_11@QQ@H_675_11@
            wx.onMenuShareQQ({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl
            });

            @H_675_11@//@H_675_11@微博@H_675_11@
            wx.onMenuShareWeibo({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl
            });

            @H_675_11@//@H_675_11@QQ空间@H_675_11@
            wx.onMenuShareQZone({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl
            });

        });

        funcShare();


    })@H_675_11@