微信进行二次分享图片和描述没有了变成链接

1
2
3
4
5
6
7
使用微信的方法需要先引入微信的sdk<br><script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>//判断是否是微信内部环境
     var ua = navigator.userAgent.toLowerCase();
     var isWeixin = ua.indexOf('micromessenger')!=-1;
     if(isWeixin && opinionParam.title != ''){
        //微信分享方法
    wxShare();
     }

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
//微信的二次分享
    function wxShare(){
        //需要注意url参数的有效值为#前面那一段
        var param = {
            "url":location.href.split('#')[0],
        };     
    var pageURL = 'http://soft.thinkive.com/h5/huaanzx/tgwd/index.html#!/personalStore/opinionDetail.html?opinion_id=93';
        //先向后台发送请求,获取appId、签名、时间戳、随机串
        mobileService.getWxKey(param,function(data){
            if(data && data.error_no==0&&data.results.length>0){
                var results = data.results[0];
                //注入权限验证配置
                wx.config({
                    debug:false,//开始调试模式,调用的所有的api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。移动端会通过弹窗来提示相关信息.如果分享信息配置不正确的话,可以开了看对应报错信息
                    appId:results.appid,//公众号的唯一标识
                    timestamp:results.timestamp,//生成签名的时间戳
                    nonceStr:results.nonceStr,//生成签名的随机串
                    signature:results.signature,//签名
                    jsApiList:[//需要使用的js接口列表,分享默认这几个,如果有其他的功能比如图片上传之类的,需要添加对应的api进来
                        'checkJsApi',
                        'updateAppMessageShareData',//分享给好友
                        'updateTimelineShareData',//分享到朋友圈
                        'onMenuShareWeibo',//分享到微博
                        'onMenuShareQZone',//分享到QQ空间
                    'onMenuShareQQ',//分享到QQ
                    'onMenuShareAppMessage', //分享给好友
                    'onMenuShareTimeline'//分享给朋友圈
                    ]
                });
                window.share_config = {
                    "share":{
                        "imgUrl":"http://zmall.hazq.com:8295/m/tgwd/images/huiying.png",
                        "desc":opinionParam.employeename+"的观点",//摘要,分享到朋友圈的话不显示摘要。
                        "title":opinionParam.title,//分享卡片的标题
                        "link":pageURL,//分享出去后的链接,这里可以将链接设置成另外一个页面,必须在同一域名下面
                        "success":function(){//分享成功之后的回调
                            console.log("分享成功")
                        },
                        'cancel':function(){//用户取消分享后执行
                              
                        }
                    }
                };
                //通过ready接口处理成功验证
                wx.ready(function(){
                    if(wx.onMenuShareAppMessage){  
                        wx.onMenuShareAppMessage(share_config.share);
                        wx.onMenuShareTimeline(share_config.share);                 
                    }else{
                        wx.updateAppMessageShareData(share_config.share);
                        wx.updateTimelineShareData(share_config.share);
                    }
                    wx.onMenuShareWeibo(share_config.share);
                    wx.onMenuShareQZone(share_config.share);
                    wx.onMenuShareQQ(share_config.share);
                });
            }
        });
    }

  

posted @   杰_森  阅读(2643)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类
点击右上角即可分享
微信分享提示