sample.php · 黑豆白/phpapp

【升级通知】Gitee 将于 7 月 11 日晚 23 点进行全站升级维护

代码拉取完成,页面将自动刷新

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

1 Star 0 Fork 60

黑豆白/phpapp

forked from 小肥羊/phpapp

代码 Issues 0 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

文件

master

分支 (1)

管理

master

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

git config --global user.name userName 
git config --global user.email userEmail

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

分支 1

标签 0

phpapp

sample.php

sample.php 5.22 KB

<?php
require_once "jssdk.php";
$jssdk = new JSSDK("wx4f81c66e3afd08c7", "0ec10ed2b46b5404e27417ec10d8c424");
$signPackage = $jssdk->GetSignPackage();
echo '<pre>';
print_r($signPackage);
?>
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
 <style type="text/css">
 button{
 width: 100%;
 height: 75px;
 margin: 25px 25px 25px 0;
 background-color: #CBF2F0;
 }
 </style>
</head>
<body>
 微信示例
 <button id="chooseImage">选择</button>
 <button id="uploadImage">上传</button>
 
 serverId:
 <input type="text" id="serverId" style="width: 100%;height: 50px;"/>
</body>
<script type="text/javascript" src="https://unpkg.com/jquery@3.4.1/dist/jquery.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
 
 /*
 * 注意:
 * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名"。
 * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
 * 3. 常见问题及完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
 *
 * 开发中遇到问题详见文档"附录5-常见错误及解决办法"解决,如仍未能解决可通过以下渠道反馈:
 * 邮箱地址:weixin-open@qq.com
 * 邮件主题:【微信JS-SDK反馈】具体问题
 * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。
 */
 wx.config({
 debug: true,
 appId: '<?php echo $signPackage["appId"];?>',
 timestamp: <?php echo $signPackage["timestamp"];?>,
 nonceStr: '<?php echo $signPackage["nonceStr"];?>',
 signature: '<?php echo $signPackage["signature"];?>',
 jsApiList: [
 // 所有要调用的 API 都要加到这个列表中
 'updateAppMessageShareData',
	 'updateTimelineShareData',
 'chooseImage',
 'uploadImage',
 'downloadImage'
 ]
 });
 wx.ready(function () {
 // 在这里调用 API
 wx.updateAppMessageShareData({
 title: '分享标题', // 分享标题
 desc: '分享描述', // 分享描述
 link: 'http://www.xiaomutong.com.cn/sample.php', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
 imgUrl: 'http://www.xiaomutong.com.cn/assets/icon64_appwx_logo.png', // 分享图标
 success: function () {
 // 设置成功
		 setTimeout(function(){ 
 alert("Hello"); 
 }, 3000);
 }
 })
 wx.updateTimelineShareData({ 
 title: '分享标题', // 分享标题
 link: 'http://www.xiaomutong.com.cn/sample.php', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
 imgUrl: 'http://www.xiaomutong.com.cn/assets/icon64_appwx_logo.png', // 分享图标
 success: function () {
 // 设置成功
 setTimeout(function(){ 
 alert("Hello"); 
 }, 3000);
 }
 })

});

$(document).ready(function(){
 console.log('hello');
 var localId;
 var localIds;
 var serverId;
 $('#chooseImage').click(function(){
 wx.chooseImage({
 count: 1, // 默认9
 // sizeType: ['original'],
 // 可以指定是原图还是压缩图,默认二者都有
 sizeType: ['original', 'compressed'], 
 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
 success: function (res) {
 console.log(res);
 localIds = res.localIds; 
 // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
 wx.getLocalImgData({
 localId: localIds[0], // 图片的localID
 success: function (res) {
 console.log(res);
 var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
 }
 });
 }
 });
 });
 $('#uploadImage').click(function(){
 localId = localIds[0];
 console.log(localId);
 wx.uploadImage({
 localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
 isShowProgressTips: 1, // 默认为1,显示进度提示
 success: function (res) {
 console.log(res);
 serverId = res.serverId; // 返回图片的服务器端ID
 alert(serverId);
 $('#serverId').val(serverId);
 }
 });
 });

$('#downloadImage').click(function(){
 console.log(serverId);
 wx.downloadImage({
 serverId: serverId, // 需要下载的图片的服务器端ID,由uploadImage接口获得
 isShowProgressTips: 1, // 默认为1,显示进度提示
 success: function (res) {
 console.log(res);
 var localId = res.localId; // 返回图片下载后的本地ID
 }
 });

});

</script>
</html>

一键复制编辑原始数据按行查看历史

小时光提交于 2019年10月22日 17:58 +08:00 . update

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145

<?php
require_once "jssdk.php";
$jssdk = new JSSDK("wx4f81c66e3afd08c7", "0ec10ed2b46b5404e27417ec10d8c424");
$signPackage = $jssdk->GetSignPackage();
echo '<pre>';
print_r($signPackage);
?>
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
 <style type="text/css">
 button{
 width: 100%;
 height: 75px;
 margin: 25px 25px 25px 0;
 background-color: #CBF2F0;
 }
 </style>
</head>
<body>
 微信示例
 <button id="chooseImage">选择</button>
 <button id="uploadImage">上传</button>
 <!-- <button id="downloadImage">下载</button> -->
 serverId:
 <input type="text" id="serverId" style="width: 100%;height: 50px;"/>
</body>
<script type="text/javascript" src="https://unpkg.com/jquery@3.4.1/dist/jquery.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
 
 /*
 * 注意:
 * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名"。
 * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
 * 3. 常见问题及完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
 *
 * 开发中遇到问题详见文档"附录5-常见错误及解决办法"解决,如仍未能解决可通过以下渠道反馈:
 * 邮箱地址:weixin-open@qq.com
 * 邮件主题:【微信JS-SDK反馈】具体问题
 * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。
 */
 wx.config({
 debug: true,
 appId: '<?php echo $signPackage["appId"];?>',
 timestamp: <?php echo $signPackage["timestamp"];?>,
 nonceStr: '<?php echo $signPackage["nonceStr"];?>',
 signature: '<?php echo $signPackage["signature"];?>',
 jsApiList: [
 // 所有要调用的 API 都要加到这个列表中
 'updateAppMessageShareData',
	 'updateTimelineShareData',
 'chooseImage',
 'uploadImage',
 'downloadImage'
 ]
 });
 wx.ready(function () {
 // 在这里调用 API
 wx.updateAppMessageShareData({
 title: '分享标题', // 分享标题
 desc: '分享描述', // 分享描述
 link: 'http://www.xiaomutong.com.cn/sample.php', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
 imgUrl: 'http://www.xiaomutong.com.cn/assets/icon64_appwx_logo.png', // 分享图标
 success: function () {
 // 设置成功
		 setTimeout(function(){ 
 alert("Hello"); 
 }, 3000);
 }
 })
 wx.updateTimelineShareData({ 
 title: '分享标题', // 分享标题
 link: 'http://www.xiaomutong.com.cn/sample.php', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
 imgUrl: 'http://www.xiaomutong.com.cn/assets/icon64_appwx_logo.png', // 分享图标
 success: function () {
 // 设置成功
 setTimeout(function(){ 
 alert("Hello"); 
 }, 3000);
 }
 })

 });

 $(document).ready(function(){
 console.log('hello');
 var localId;
 var localIds;
 var serverId;
 $('#chooseImage').click(function(){
 wx.chooseImage({
 count: 1, // 默认9
 // sizeType: ['original'],
 // 可以指定是原图还是压缩图,默认二者都有
 sizeType: ['original', 'compressed'], 
 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
 success: function (res) {
 console.log(res);
 localIds = res.localIds; 
 // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
 wx.getLocalImgData({
 localId: localIds[0], // 图片的localID
 success: function (res) {
 console.log(res);
 var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
 }
 });
 }
 });
 });
 $('#uploadImage').click(function(){
 localId = localIds[0];
 console.log(localId);
 wx.uploadImage({
 localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
 isShowProgressTips: 1, // 默认为1,显示进度提示
 success: function (res) {
 console.log(res);
 serverId = res.serverId; // 返回图片的服务器端ID
 alert(serverId);
 $('#serverId').val(serverId);
 }
 });
 });

 $('#downloadImage').click(function(){
 console.log(serverId);
 wx.downloadImage({
 serverId: serverId, // 需要下载的图片的服务器端ID,由uploadImage接口获得
 isShowProgressTips: 1, // 默认为1,显示进度提示
 success: function (res) {
 console.log(res);
 var localId = res.localId; // 返回图片下载后的本地ID
 }
 });

 }); 

 });

</script>
</html>