微信分享 带图片的的链接

1:首先要引用 微信内置的脚本:
 <script type="text/javascript" src="/Content/script/WeixinApi.js"></script>

2:要在微信里面打开才有作用,因为引用的是微信内置的脚本 ,在浏览器中打开没有效果的
3:code:
   // 需要分享的内容,请放到ready里
        WeixinApi.ready(function (Api) {

            // 微信分享的数据
            var wxData = {
                "appId": "", // 服务号可以填写appId
                "imgUrl": ‘http://www.baidufe.com/fe/blog/static/img/weixin-qrcode-2.jpg‘,
                "link": ‘http://www.baidufe.com‘,
                "desc": ‘大家好,我是Alien,Web前端&Android客户端码农,喜欢技术上的瞎倒腾!欢迎多交流‘,
                "title": "大家好,我是赵先烈"
            };

            // 分享的回调
            var wxCallbacks = {
                // 分享操作开始之前
                ready: function () {
                    // 你可以在这里对分享的数据进行重组
                    alert("准备分享");
                },
                // 分享被用户自动取消
                cancel: function (resp) {
                    // 你可以在你的页面上给用户一个小Tip,为什么要取消呢?
                    alert("分享被取消,msg=" + resp.err_msg);
                },
                // 分享失败了
                fail: function (resp) {
                    // 分享失败了,是不是可以告诉用户:不要紧,可能是网络问题,一会儿再试试?
                    alert("分享失败,msg=" + resp.err_msg);
                },
                // 分享成功
                confirm: function (resp) {
                    // 分享成功了,我们是不是可以做一些分享统计呢?
                    alert("分享成功,msg=" + resp.err_msg);
                },
                // 整个分享过程结束
                all: function (resp, shareTo) {
                    // 如果你做的是一个鼓励用户进行分享的产品,在这里是不是可以给用户一些反馈了?
                    alert("分享" + (shareTo ? "到" + shareTo : "") + "结束,msg=" + resp.err_msg);
                }
            };

            // 用户点开右上角popup菜单后,点击分享给好友,会执行下面这个代码
            Api.shareToFriend(wxData, wxCallbacks);

            // 点击分享到朋友圈,会执行下面这个代码
            Api.shareToTimeline(wxData, wxCallbacks);

            // 点击分享到腾讯微博,会执行下面这个代码
            Api.shareToWeibo(wxData, wxCallbacks);

            // iOS上,可以直接调用这个API进行分享,一句话搞定
            Api.generalShare(wxData, wxCallbacks);

            function WeiXinShareBtn() {
                Api.shareToTimeline(wxData, wxCallbacks);
            }

        });
时间: 2024-10-12 09:58:47

微信分享 带图片的的链接的相关文章

微信分享自定义图片和摘要

参考: 微信分享实现 微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面管控都严格了不少.而官方的分享卡片,是众多在微信生态中传播的html5静态页面的一个重点.不过很多人会发现分享的图片和摘要达不到预期.这篇文章就讲下这个,供初次接触微信开发的前端参考.(其实官方的文档也蛮详细的了,不过有些地方官方没忽略了,容易给新人造成坑) 必要的前提准备 PS:本文的方法只适合6.0.2.58以及更高版本的微信客户端.旧

微信自带图片浏览js

//下面这个函数用来转换数组到json格式 function arrayToJson(o) { var r = []; if (typeof o == "string") return "\"" + o.replace(/([\‘\"\\])/g, "\\$1").replace(/(\n)/g, "\\n").replace(/(\r)/g, "\\r").replace(/(\t)/

【咸鱼教程】实战微信分享、图片、录音等接口使用

教程目录一 微信测试号申请二 微信php后台搭建三 微信测试号设置四 微信客户端接口使用五 Egret微信第三方库使用六 源码下载 一 微信测试号申请个人开发者没有号,所以只能用测试号来实现,不过不用担心,客户端的代码使用起来和真实的公众号是一样的. 首先到微信公众平台开发者文档去申请测试号:http://mp.weixin.qq.com/wiki/home/index.html 点击登录 用你的微信扫一扫 好了,我们已经有了测试号了 二 微信php后台搭建 微信官方提供了一个demo,我们可以

IOS ShareSDK实现分享——微信分享

最近领导让添加ios 微信分享视频的功能,之前做的只有微信分享本地图片的功能. 查看官网并没有找到答案,后来在其官网论坛中http://bbs.mob.com/thread-20938-1-1.html 这里面发现新版的sdk(v3.2.1)中才添加的微信分享本地文件(mp3.mp4.docx.pdf等)的功能.可以支持就好办了.. 使用集成好的第三方框架可以节省许多代码量. 注意:申请shareSdk的apply,还有各个平台的appkey和appsecert(这真是非常麻烦的事情啊) 集成S

Android开发遇到的坑-----微信分享问题

问题 近日由于客户对微信分享后的样式不满意,所以对微信分享的标题.内容.图片进行修改,仅仅改了这个东西,微信分享就突然不能用了,点击没有任何效果 原因 经过推测,肯定不会是描述文字和标题方面的原因,那么就是图片了,网上搜索了一下,微信分享的图片不能超过32k,由于之前一直用的图标比较小,所以一直没遇到这个问题 解决办法: 找设计将图片压缩到了合格范围内,但是仍然无效,查看图片大小,宽高为600+ x 400+,而原来能够成功分享的图片宽高为108x108,所以再次修改图片宽高,问题解决~! PS

微信分享链接带图片文字和描述

微信最近推出的一个社交工具网站 www.faxinxi.la ,能发投票.活动.文章. 但在微信外的浏览器包括PC端和移动端的都无法浏览这个网站任何内容,那是通过什么来控制的呢?通过微信内输出特定JS接口不太可能,那就只能通过Header信息里的User-agent了,实验后证实没错,通过探测可以知道微信内的User-agent信息: Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML

微信分享链接获取标题和小图片

一.标题 微信分享链接的小标题:自动拉取title标签的内容. 二.链接的小图标 今天测试的时候发现,网页链接在QQ浏览器上打开,分享的小图片是有显示的, 自动获取网页上的一张图片,但是为什么微信浏览器分享到朋友圈时图片却不显示呢? 想要的效果: 现实效果: 在网上搜了一下发现,原来是因为 微信浏览器上自动拉取的图片必须是大于300*300px的图片,( 会取 最近一张图片符合条件的). 解决办法: (一) 在boby 和head之间添加下面的代码即可,图片路径自行修改. *注意这个图片必须是大

新版微信分享--图片和描述

微信6.5.6更新后,微信H5页面分享出去没有图片.之前微信会默忍抓取页面第一张大于等于300*300的图片,更新微信版本后,分享出去图片没有抓取到.这是微信为了规范自定义分享链接功能在网页上的使用,修改了分享规则,6.5.6版本之后,分享功能必须引入微信SDK.对于未接入微信JSSDK或已接入但JSSDK调用失败的网页,被用户分享时,分享卡片将统一使用默认缩略图和标题简介,不允许自定义. 分享一下接入流程: 步骤一:绑定域名 先登录微信公众平台进入"公众号设置"的"功能设置

网站链接打开以后左边的小图标添加和微信分享左边图标

网站链接打开以后左边的小图标添加: <link rel="shortcut icon" href="styles/img/Logo.jpg">      <link rel="apple-touch-icon" href="styles/img/Logo.jpg">      <link rel="apple-touch-icon" sizes="72x72"