123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241 |
- <?php
- include_once "config.php";
- include_once "WeiXin.php";
- $weixin = new WeiXin($appId,$appSecret,$token);
- $apiInfo = $weixin->init()->getJsApiTicket();
- ?>
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
- <?php include_once "jsconfig.php";?>
- <script type="text/javascript" src="jquery.js"></script>
- </head>
- <body>
- <style>
- button{width:100%;height:70px;line-height: 70px;margin-bottom: 10px}
- </style>
- <button id="shareToQQBtn" >分享到QQ</button>
- <button id="chooseImgBtn">选择并上传图片</button>
- <button id="previewImgBtn">预览图片</button>
- <button id="downloadImgBtn">下载图片</button>
- <button id="networkTypeBtn">获取网络状态</button>
- <button id="openLocationBtn">查看位置</button>
- <button id="getLocationBtn">获取位置</button>
- <button id="scanCodeBtn">微信扫码</button>
- </body>
- <script>
- //准备就绪后
- wx.ready(function () {
- //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
- wx.onMenuShareTimeline({
- title: '分享到朋友圈测试', // 分享标题
- link: 'http://www.baidu.com', // 分享链接
- imgUrl: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 分享图标(只支持jpg图片)
- success: function () {
- // 用户确认分享后执行的回调函数
- alert('分享成功');
- },
- cancel: function () {
- // 用户取消分享后执行的回调函数
- alert('取消成功');
- }
- });
- //获取“分享给朋友”按钮点击状态及自定义分享内容接口
- wx.onMenuShareAppMessage({
- title: '分享给朋友测试', // 分享标题
- desc: '分享给朋友描述', // 分享描述
- link: 'http://www.baidu.com', // 分享链接
- imgUrl: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 分享图标(只支持jpg图片)
- type: '', // 分享类型,music、video或link,不填默认为link
- dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
- success: function () {
- // 用户确认分享后执行的回调函数
- alert('分享成功')
- },
- cancel: function () {
- // 用户取消分享后执行的回调函数
- alert('cancel')
- }
- });
- //获取“分享到QQ”按钮点击状态及自定义分享内容接口
- wx.onMenuShareQQ({
- title: '分享到QQ测试', // 分享标题
- desc: '分享到QQ描述', // 分享描述
- link: 'http://www.baidu.com', // 分享链接
- imgUrl: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 分享图标(只支持jpg图片)
- success: function () {
- // 用户确认分享后执行的回调函数
- alert('分享成功')
- },
- cancel: function () {
- // 用户取消分享后执行的回调函数
- alert('cancel')
- }
- });
- //拍照或从手机相册中选图接口
- $('#chooseImgBtn').bind('click',function(){
- wx.chooseImage({
- count: 1, // 默认9
- sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
- sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
- success: function (res) {
- var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
- for(var i=0;i<localIds.length;i++)//上传
- {
- wx.uploadImage({
- localId: localIds[i], // 需要上传的图片的本地ID,由chooseImage接口获得
- isShowProgressTips: 1, // 默认为1,显示进度提示
- success: function (res) {
- var serverId = res.serverId; // 返回图片的服务器端ID
- }
- });
- }
- }
- });
- })
- //预览图片接口
- $('#previewImgBtn').bind('click',function(){
- wx.previewImage({
- current: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 当前显示图片的http链接
- urls: ['http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg','http://imga.tiboo.cn/a/2015/2065121_1025233120.jpg'] // 需要预览的图片http链接列表
- });
- })
- //下载图片
- $('#downloadImgBtn').bind('click',function(){
- wx.downloadImage({
- serverId: '', // 需要下载的图片的服务器端ID,由uploadImage接口获得
- isShowProgressTips: 1, // 默认为1,显示进度提示
- success: function (res) {
- var localId = res.localId; // 返回图片下载后的本地ID
- alert(localId);
- }
- });
- })
- //获取网络状态
- $('#networkTypeBtn').bind('click',function(){
- wx.getNetworkType({
- success: function (res) {
- var networkType = res.networkType; // 返回网络类型2g,3g,4g,wifi
- alert(networkType);
- }
- });
- })
- //打开地图,查看位置(火星坐标)
- $('#openLocationBtn').bind('click',function(){
- wx.openLocation({
- latitude: 0, // 纬度,浮点数,范围为90 ~ -90
- longitude: 0, // 经度,浮点数,范围为180 ~ -180。
- name: 'test', // 位置名
- address: 'fsdfsdfdsf', // 地址详情说明
- scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
- infoUrl: 'http://www.baidu.com' // 在查看位置界面底部显示的超链接,可点击跳转
- });
- })
- //获取未知
- $('#getLocationBtn').bind('click',function(){
- wx.getLocation({
- type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
- success: function (res) {
- var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
- var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
- var speed = res.speed; // 速度,以米/每秒计
- var accuracy = res.accuracy; // 位置精度
- }
- });
- })
- //微信扫码
- $('#scanCodeBtn').bind('click',function(){
- wx.scanQRCode({
- needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
- scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
- success: function (res) {
- var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
- }
- });
- })
- /*按钮控制操作
- 基本类
- 举报: "menuItem:exposeArticle"
- 调整字体: "menuItem:setFont"
- 日间模式: "menuItem:dayMode"
- 夜间模式: "menuItem:nightMode"
- 刷新: "menuItem:refresh"
- 查看公众号(已添加): "menuItem:profile"
- 查看公众号(未添加): "menuItem:addContact"
- 传播类
- 发送给朋友: "menuItem:share:appMessage"
- 分享到朋友圈: "menuItem:share:timeline"
- 分享到QQ: "menuItem:share:qq"
- 分享到Weibo: "menuItem:share:weiboApp"
- 收藏: "menuItem:favorite"
- 分享到FB: "menuItem:share:facebook"
- 分享到 QQ 空间/menuItem:share:QZone
- 保护类
- 编辑标签: "menuItem:editTag"
- 删除: "menuItem:delete"
- 复制链接: "menuItem:copyUrl"
- 原网页: "menuItem:originPage"
- 阅读模式: "menuItem:readMode"
- 在QQ浏览器中打开: "menuItem:openWithQQBrowser"
- 在Safari中打开: "menuItem:openWithSafari"
- 邮件: "menuItem:share:email"
- 一些特殊公众号: "menuItem:share:brand"
- */
- //隐藏右上角菜单接口 wx.hideOptionMenu();
- //显示右上角菜单接口 wx.showOptionMenu();
- //关闭当前网页窗口接口 wx.closeWindow();
- //批量隐藏功能按钮接口 wx.hideMenuItems({menuList: [] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3});
- //批量显示功能按钮接口 wx.showMenuItems({menuList: [] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3});
- //隐藏所有非基础按钮接口 wx.hideAllNonBaseMenuItem();
- //显示所有功能按钮接口 wx.showAllNonBaseMenuItem();
- });
- //分享到其他平台
- function shareOut(type,title,desc,link,imgUrl)
- {
- var data = {
- title: title, // 分享标题
- desc: desc, // 分享描述
- link: link, // 分享链接
- imgUrl: imgUrl, // 分享图标(只支持jpg图片)
- success: function () {
- },
- cancel: function () {
- }
- };
- if(type=='onMenuShareQQ')
- {
- wx.onMenuShareQQ(data);
- }
- else if(type=='onMenuShareWeibo')
- {
- wx.onMenuShareWeibo(data);
- }
- else if(type=='onMenuShareQZone')
- {
- wx.onMenuShareQZone(data);
- }
- else
- {
- alert('非法操作!');
- return;
- }
- }
- </script>
- </html>
|