h5分享图片到微信好友、微信朋友圈、qq好友功能

第一种（只分享给好友）

document.getElementById('friends').addEventListener('tap', function() {var shares;mui.plusReady(function() {plus.share.getServices(function(list) {for(var i = 0; i < list.length; i++) {if(list[i].authenticated) {shares = list[i];}}if(shares != undefined) {var msg = {type: 'image',pictures: ["_www/logo.png"],//这里的pictures是要分享的图片 该图片放在项目根目录下extra: {scene: "WXSceneSession"}};shares.send(msg, function(success) {mui.toast("转发成功!");}, function(error) {//mui.toast("转发失败"+JSON.stringify(error));console.log(JSON.stringify(error))});}}, function(e) {alert("获取分享服务列表失败：" + e.message);});});});

第二种（分享到微信好友、微信朋友圈、qq好友）

<script type="text/javascript">
var shares=null;
// H5 plus事件处理
function plusReady(){updateSerivces();
}
if(window.plus){plusReady();
}else{document.addEventListener('plusready', plusReady, false);
}
/*** 更新分享服务*/
function updateSerivces(){plus.share.getServices(function(s){shares={};for(var i in s){var t=s[i];shares[t.id]=t;}}, function(e){console.log('获取分享服务列表失败：'+e.message);});
}/*** 分享操作* @param {JSON} sb 分享操作对象s.s为分享通道对象(plus.share.ShareService)* @param {Boolean} bh 是否分享链接*/
function shareAction(sb,bh) {console.log('heiheihei')var msg={content:"你好啊",extra:{},"pictures":["_www/logo.png"]};// 发送分享if(sb.s.authenticated){console.log('---已授权---');shareMessage(msg, sb.s);}else{console.log('---未授权---');sb.s.authorize(function(){
//          shareMessage(msg,sb.s);}, function(e){console.log('认证授权失败：'+e.code+' - '+e.message);});}
}
/*** 发送分享消息* @param {JSON} msg* @param {plus.share.ShareService} s*/
function shareMessage(msg, s){console.log(JSON.stringify(msg));s.send(msg, function(){console.log('分享到"'+s.description+'"成功！');}, function(e){console.log('分享到"'+s.description+'"失败: '+JSON.stringify(e));});
}
// 使用Logo图片分享
function shareLogoPicture(){console.log('使用Logo分享图片：');var url='_www/logo.png';plus.io.resolveLocalFileSystemURL(url, function(entry){pic.src=entry.toLocalURL();pic.realUrl=url;}, function(e){console.log('读取Logo文件错误：'+e.message);});
}
// 打开分享
function shareShow(){console.log("asdgjkhg");var shareBts=[];// 更新分享列表var ss=shares['weixin'];if(navigator.userAgent.indexOf('qihoo')<0){  //在360流应用中微信不支持分享图片ss&&ss.nativeClient&&(shareBts.push({title:'微信朋友圈',s:ss,x:'WXSceneTimeline'}),shareBts.push({title:'微信好友',s:ss,x:'WXSceneSession'}));}ss=shares['qq'];ss&&ss.nativeClient&&shareBts.push({title:'QQ',s:ss});
//  shareAction(shareBts[e.index-1],false);plus.nativeUI.actionSheet({title:'分享',cancel:'取消',buttons:shareBts}, function(e){(e.index>0)&&shareAction(shareBts[e.index-1],false);});
}</script>

<div class="button" onclick="shareShow()">分 享</div>

参考资料

h5分享图片到微信好友、微信朋友圈、qq好友功能相关推荐

js+插件实现代码复制及动态生成二维码扫描、分享到朋友圈QQ空间功能
1.代码复制功能需要插件支持ZeroClipbroad,引入js:jquery.zclip.min.js;ZeroClipboard.js;ZeroClipboard.swf 2.jsp功能代码: & ...
知识竞赛小程序、知识库小程序如何分享到微信好友、朋友圈
知识竞赛小程序.知识库小程序如何分享到微信好友.朋友圈一.功能说明基于微信生态,实现小程序分享,有效利用微信社交关系链,进行传播,提高你小程序的访问,也可促进更多付费. 1.页面分享 1.1 页面 ...
微信h5分享好友和朋友圈功能
在开发公众号H5项目时,如果想和小程序一样有分享朋友圈和好友功能时发现会不一样. 开发微信小程序时做分享有会有onShareAppMessage 这个方法.因为H5有许多限制,所以在做微信H5分享时就 ...
不同平台使用不同技术实现微信好友、朋友圈分享汇总（H5、taro、uni-app）
人生路漫漫,坑,是活久了见.程序猿世界里各种奇葩的需求都有,随之而来的各种坑也是层出不穷. 应前IBM同事邀请特来做分享的专题总结.一般人我不告诉他,刷到的朋友们就赚到了,你懂的~~~~~~收藏吧! ...
[html] H5页面在微信中如何禁止分享给好友和朋友圈？
[html] H5页面在微信中如何禁止分享给好友和朋友圈? 利用JSBridge实现调用微信提供的一些原生功能,可以通过调用隐藏操作菜单来实现禁用分享. 代码如下: document.addEvent ...
如何修改手机端分享网页给微信好友和朋友圈显示的图片和标题
最初,我以为这个东西很复杂,还微信开发者哪里找了文档来看.准备使用微信JS-SDK里面的方法-.. 但是它仅仅只是这样子的简单. 微信好友和朋友圈都差不多,以分享到微信好友的为例 <!DOCTY ...
php转发朋友圈缩略图片,解释最全的，手把手教的微信JS sdk分享设置教程-微信分享插件PHP源码JS-SDK接口，分享到朋友圈转发好友带缩略图...
亲们,此文是我上传的有关微信分享插件PHP源码JS-SDK接口的.rar和.zip的说明使用文件许多朋友都面临自己编写的网站通过微信转发时,无论是分享微信好友或是微信朋友圈时,出现无缩略图显示的问题 ...
html分享微信qq等,h5移动端调用微信好友，朋友圈，QQ好友，QQ空间等APP分享功能...
这个主要在项目中要实现的功能,现在的手机浏览器基本也都含有分享功能,但有的手机浏览器就没有分享微信好友,朋友圈等选项,虽然微信内置X5含有此功能,但不同的手机终端分享选项又不一样,因本人还是比较喜欢老 ...
分享到微信好友或朋友圈
这周末学习了如何将图片,文本,分享到微信好友或者是朋友圈,自己亲手敲了一把.结果一个bug让我很不爽.待会来谈谈bug是什么. 好了,写代码之前必须做这几件事情.在微信开发者网站上注册账号,填写app ...
uniapp 打包H5，打包小程序，打包app分享到微信聊天、朋友圈
1.uniapp打包H5操作手法:Hbuilder->发行->网站-PC-WEB端或手机端H5访问,需要填写个访问域名,即发布后访问的域名路径 2.uniapp打包H5配置注意事项:uni ...

h5分享图片到微信好友、微信朋友圈、qq好友功能

第一种（只分享给好友）

第二种（分享到微信好友、微信朋友圈、qq好友）

h5分享图片到微信好友、微信朋友圈、qq好友功能相关推荐

最新文章

热门文章