分享网页到微信朋友圈文章缩略图,怎样才能带缩略图

推荐这篇日记的豆列
&&&&&&&&&&&&微信分享的标题、缩略图、连接及描述设置方法
投稿:whsnow
字体:[ ] 类型:转载 时间:
微信分享的标题、缩略图、连接及描述该如何设置,这个问题确实难道不少朋友,下面有个示例,大家可以看看
微信分享的标题、缩略图、连接及描述该如何设置,使用微信分享过程中会遇到这个情况,无解的朋友可以看看下面的代码
var imgUrl = '.cn/201403/ad_q3/pic/banner.jpg';
var lineLink = '.cn/201403/ad_q3/index.php';
var descContent = ".cn/201403/ad_q3/index.php";
var shareTitle = '【奥迪Q3开启尊享礼遇季】报名试驾,赢取精美礼品';
var appid = 'wxcaf6dc8';
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage',{
"appid": appid,
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('send_msg', res.err_msg);
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline',{
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('timeline', res.err_msg);
function shareWeibo() {
WeixinJSBridge.invoke('shareWeibo',{
"content": descContent,
"url": lineLink,
}, function(res) {
_report('weibo', res.err_msg);
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 发送给好友
WeixinJSBridge.on('menu:share:appmessage', function(argv){
shareFriend();
// 分享到朋友圈
WeixinJSBridge.on('menu:share:timeline', function(argv){
shareTimeline();
// 分享到微博
WeixinJSBridge.on('menu:share:weibo', function(argv){
shareWeibo();
}, false);
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具本文讲的是微信分享的标题、缩略图、连接及描述设置方法_javascript技巧,
微信分享的标题、缩略图、连接及描述该如何设置,使用微信分享过程中会遇到这个情况,无解的朋友可以看看下面的代码
var imgUrl = 'yun_qi_img/banner.jpg';
微信分享的标题、缩略图、连接及描述该如何设置,使用微信分享过程中会遇到这个情况,无解的朋友可以看看下面的代码
var imgUrl = 'yun_qi_img/banner.jpg';
var lineLink = '.cn/201403/ad_q3/index.php';
var descContent = ".cn/201403/ad_q3/index.php";
var shareTitle = '【奥迪Q3开启尊享礼遇季】报名试驾,赢取精美礼品';
var appid = 'wxcaf6dc8';
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage',{
"appid": appid,
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('send_msg', res.err_msg);
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline',{
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('timeline', res.err_msg);
function shareWeibo() {
WeixinJSBridge.invoke('shareWeibo',{
"content": descContent,
"url": lineLink,
}, function(res) {
_report('weibo', res.err_msg);
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 发送给好友
WeixinJSBridge.on('menu:share:appmessage', function(argv){
shareFriend();
// 分享到朋友圈
WeixinJSBridge.on('menu:share:timeline', function(argv){
shareTimeline();
// 分享到微博
WeixinJSBridge.on('menu:share:weibo', function(argv){
shareWeibo();
}, false);
以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索标题
qq 分享 缩略图 标题、微信分享 缩略图 描述、微信分享的标题和描述、微信分享网页标题描述、qq分享网页标题描述,以便于您获取更多的相关知识。
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率
稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一
6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验
开发者常用软件,超百款实用软件一站式提供
云栖社区()为您免费提供相关信息,包括
的信息,还有qq 分享 缩略图 标题、微信分享 缩略图 描述、微信分享的标题和描述、微信分享网页标题描述、qq分享网页标题描述等
,所有相关内容均不代表云栖社区的意见!android 微信分享带有缩略图的网页_Android开发_动态网站制作指南
android 微信分享带有缩略图的网页
来源:人气:298
最近做了一个web app 需要做微信分享。
需求是分享web页还要带有图片,并且图片还不是本地的,这就有点坑了,
也就是说图片还要从网络实时获取并且是同步的,如果是异步的还需要等待(用户体验就不好了)
* 微信分享 好友
public void wxHyShare(String shareUrl, String title, String image, String desc) {
IWXAPI api = WXAPIFactory.createWXAPI(context, Constant.Wx_APP_ID);
WXWebpageObject webPage = new WXWebpageObject();
webPage.webpageUrl = shareU
WXMediaMessage msg = new WXMediaMessage(webPage);
//msg.title = context.getString(R.string.app_name);
msg.title =
msg.descrtion =
//图片加载是使用的ImageLoader.loadImageSync() 同步方法
//并且还要创建图片的缩略图,因为微信限制了图片的大小
Bitmap thumbBmp = Bitmap.createScaledBitmap(ImageLoaderUtil.getBitmap(image), 200, 200, true);
msg.setThumbImage(thumbBmp);
thumbBmp.recycle();
SendMessageToWX.Req req = new SendMessageToWX.Req();
req.transaction = String.valueOf(System.currentTimeMillis()); // transaction字段用于唯一标识一个请求
req.message =
req.scene =
SendMessageToWX.Req.WXS
// 调用api接口发送数据到微信
boolean result = api.sendReq(req);
LogUtil.d(TAG, result + &&);
根据业务需求加载网络图片,并且还是要同步加载,所以我使用了ImageLoader。
加载图片代码如下:
* 获取bitmap
* @param imageUrl
public static Bitmap getBitmap(String imageUrl) {
DisplayImageOptions options = new DisplayImageOptions.Builder()
.cacheInMemory(true)
.cacheOnDisk(true)
return ImageLoader.getInstance().loadImageSync(imageUrl, options);
}loadImageSync是同步加载方法,相应还有异步加载方法。
由于微信对分享图片的大小做了限制,所以我们还要创建缩略图,否则会报错(checkArgs fail, thumbData is invalid)
微信检查参数的如下
if(this.getType() == 8 && (this.thumbData == null || this.thumbData.length == 0)) {
Log.e(&MicroMsg.SDK.WXMediaMessage&, &checkArgs fail, thumbData should not be null when send emoji&);
} else if(this.thumbData != null && this.thumbData.length & '耀') {
Log.e(&MicroMsg.SDK.WXMediaMessage&, &checkArgs fail, thumbData is invalid&);
创建缩略图代码如下:
Bitmap thumbBmp = Bitmap.createScaledBitmap(ImageLoaderUtil.getBitmap(image), 200, 200, true);
优质网站模板

我要回帖

更多关于 微信朋友圈没有缩略图 的文章

 

随机推荐