ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

JS PC网页端实现QQ、微信、新浪微博分享功能

2021-12-16 17:36:24  阅读:94  来源: 互联网

标签:QQ function title url 微信 JS ShareTip picurl var


微信分享需要手机扫描二维码,需要对url进行编码。在https协议下,扫描二维码时,浏览器打不开可能时安全证书导致的。

   document.write("<script language=javascript src='https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js'></script>");
  
    var ShareTip =  {
        shareToWx: function () {  // 分享到微信的二维码
            $("#qrcode").qrcode({
                text: path,            // 设置二维码内容
                render: "table",       // 设置渲染方式
                width: 256,            // 设置宽度,默认生成的二维码大小是 256×256
                height: 256,           // 设置高度
                typeNumber: -1,        // 计算模式
                background: "#ffffff", // 背景颜色
                foreground: "#000000"  // 前景颜色
            });
        },
        shareToQq: function (content, url, picurl) {   // 分享到腾讯QQ
            var shareqqstring = 'https://connect.qq.com/widget/shareqq/index.html?url=' + encodeURIComponent(url) + '&title=' + content + '&desc='+content+'&pics=' + picurl;
            window.open(shareqqstring);
        },
        shareToQqzone: function (title, url, picurl) { // 分享到QQ空间
            var shareqqzonestring = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + encodeURIComponent(url) + '&title=' + title + '&desc=' + title + '&pics=' + picurl;
            window.open(shareqqzonestring);
        },
        shareToSina: function (title, url, picurl) {   // 分享到新浪微博
            var sharesinastring = 'http://v.t.sina.com.cn/share/share.php?url=' + encodeURIComponent(url) +'&title=' + title +  '&content=utf-8&sourceUrl=' + url + '&pic=' + picurl+'&searchPic=true#_loginLayer_1639641926022';
            window.open(sharesinastring);
        },
        getImages: function (str,cnt = false) {// 获取文章图片
            var images = []
            var imgReg = /<img.*?(?:>|\/>)/gi;             // 匹配图片(g表示匹配所有结果i表示区分大小写)
            var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;  // 匹配src属性
            var arr = str.match(imgReg);
            // console.log('所有已成功匹配图片的数组:' + arr);
            if(!cnt){
                return document.domain + arr[0].match(srcReg)[1]
            }
            for (var i = 0; i < arr.length; i++) {
                var src = arr[i].match(srcReg);            // 获取图片地址 
                if (src[1]) {
                    // console.log('已匹配的图片地址' + (i + 1) + ':' + src[1]);
                    images.push(document.domain + src[1])
                }
            }
            return images
        }

    }

 

 

使用方法

    var path = window.location.href
    var title = $(".title").html();
    var picurl = ShareTip.getImages('<?=$row["content"]?>')

    $(".sharetowx").click(function(params) {
        ShareTip.shareToWx($("#qrcode"))
    })
    $(".sharetosina").click(function(params) {
        ShareTip.shareToSina(title, path, picurl)
    })
    $(".sharetoqq").click(function(params) {
        ShareTip.shareToQq(title, path, picurl)
    })
    $(".sharetoqqzone").click(function(params) {
        ShareTip.shareToQqzone(title, path, picurl)
    })

 

标签:QQ,function,title,url,微信,JS,ShareTip,picurl,var
来源: https://www.cnblogs.com/php-han/p/15699197.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有