100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > h5分享图片到微信好友 微信朋友圈 qq好友功能

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

时间:2023-04-18 20:54:34

相关推荐

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>

参考资料

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。