本文实例讲述了php实现微信js-sdk接口选择相册及拍照并上传的方法。分享给大家供大家参考,具体如下:
理解:微信上传接口是拍照,或者选择本地照片,上传到微信的服务器,获取到一个id,通过token与这个id获取到图片,保存到服务器即可。
效果图:
通过微信js接口,调用底层程序。
需要引入js文件,并进行配置。
1
2
3
4
5
6
7
8
9
10
11
12
|
<script src= "http://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script> wx.config({ debug: false, appid: 'wxed7996e9ad58345d' , timestamp: 1449717454, noncestr: 'asdfasdfasdf' , signature: 'b74fb4ab4790172d2ab7e58f0051a1523aaa4803' , jsapilist: [ 'chooseimage' , 'uploadimage' ] }); |
其中appid为微信公众平台id,timestamp为当前时间戳,noncestr为随机字符串,signature为签名。
signature是最重要参数。需要通过很多步骤来获取。
首先获取access_token,能存活两小时,每天允许获取2000次。超过就不能获取了。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
// 获取access_token 两小时有效 private function get_access_token(){ $appid = c( 'oauth_config.appid' ); $appsecret = c( 'oauth_config.appsecret' ); $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' . $appid . '&secret=' . $appsecret ; $rurl = file_get_contents ( $url ); $rurl = json_decode( $rurl ,true); if ( array_key_exists ( 'errcode' , $rurl )){ return false; } else { $access_token = $rurl [ 'access_token' ]; return $access_token ; } } |
然后获取jsticket
1
2
3
4
5
6
7
8
9
10
11
12
13
|
// 获取jsticket 两小时有效 private function getjsticket(){ // 只允许本类调用,继承的都不可以调用,公开调用就更不可以了 $access_token = $this ->get_access_token(); $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" . $access_token . "&type=jsapi" ; // 两小时有效 $rurl = file_get_contents ( $url ); $rurl = json_decode( $rurl ,true); if ( $rurl [ 'errcode' ] != 0){ return false; } else { $jsticket = $rurl [ 'ticket' ]; return $jsticket ; } } |
然后获取signature,它是由多个参数拼接加密形成的,有实效性。
1
2
3
4
5
6
7
8
9
10
|
// 获取 signature private function getsignature(){ $noncestr = '' ; $jsapi_ticket = $this ->getjsticket(); $timestamp = time(); $url = 'http://zhudianbao.diandodo.com/index.php?g=opener&m=merchant&a=open' ; $string1 = 'jsapi_ticket=' . $jsapi_ticket . '&noncestr=' . $noncestr . '×tamp=' . $timestamp . '&url=' . $url ; $signature = sha1( $string1 ); return $signature ; } |
配置好之后,就可以使用了。我用了两个功能,一个是选择照片,一个是上传照片。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
function chooseimage(obj){ // 选择张片 wx.chooseimage({ count : 1, // 默认9 sizetype: [ 'original' , 'compressed' ], // 可以指定是原图还是压缩图,默认二者都有 sourcetype: [ 'album' , 'camera' ], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { var localids = res.localids; // 返回选定照片的本地id列表,localid可以作为img标签的src属性显示图片 $(obj).attr( 'src' , localids); // 上传照片 wx.uploadimage({ localid: '' + localids, isshowprogresstips: 1, success: function (res) { serverid = res.serverid; $(obj).next().val(serverid); // 把上传成功后获取的值附上 } }); } }); } |
选择照片返回的localids很有意思,可以用于上传使用,并且可以放在img的src属性中,展示图片。
上传成功后,获取一个serverid,通过这个id可以下载上传到微信服务器上的图片文件,把它保存到自己的服务器中。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
// 获取图片地址 private function getmedia( $access_token , $media_id , $foldername ){ $url = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=" . $access_token . "&media_id=" . $media_id ; if (! file_exists ( "./uploads/user_cert/" . $foldername )) { mkdir ( "./uploads/user_cert/" . $foldername , 0777, true); } $targetname = './uploads/user_cert/' . $foldername . '/' . date ( 'ymdhis' ).rand(1000,9999). '.jpg' ; $ch = curl_init( $url ); // 初始化 $fp = fopen ( $targetname , 'wb' ); // 打开写入 curl_setopt( $ch , curlopt_file, $fp ); // 设置输出文件的位置,值是一个资源类型 curl_setopt( $ch , curlopt_header, 0); curl_exec( $ch ); curl_close( $ch ); fclose( $fp ); return $targetname ; } |
防止图片名称相同,加一个rand随机数,因为在同一秒钟可能会上传多张照片。
1
|
$targetname = './uploads/user_cert/' . $foldername . '/' . date ( 'ymdhis' ).rand(1000,9999). '.jpg' ; |
这个serverid以表单的形式提交到服务器,然后对其进行写入文件,获取地址,并把地址保存到服务器中。
微信的js与jquery不冲突,可以共同使用。
附上牛逼的jssdk类
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
|
<?php class jssdk { private $appid ; private $appsecret ; public function __construct( $appid , $appsecret ) { $this ->appid = $appid ; $this ->appsecret = $appsecret ; } public function getsignpackage() { $jsapiticket = $this ->getjsapiticket(); // 注意 url 一定要动态获取,不能 hardcode. $protocol = (! empty ( $_server [ 'https' ]) && $_server [ 'https' ] !== 'off' || $_server [ 'server_port' ] == 443) ? "https://" : "http://" ; $url = "$protocol$_server[http_host]$_server[request_uri]" ; $timestamp = time(); $noncestr = $this ->createnoncestr(); // 这里参数的顺序要按照 key 值 ascii 码升序排序 $string = "jsapi_ticket=$jsapiticket&noncestr=$noncestr×tamp=$timestamp&url=$url" ; $signature = sha1( $string ); $signpackage = array ( "appid" => $this ->appid, "noncestr" => $noncestr , "timestamp" => $timestamp , "url" => $url , "signature" => $signature , "rawstring" => $string ); return $signpackage ; } private function createnoncestr( $length = 16) { $chars = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz0123456789" ; $str = "" ; for ( $i = 0; $i < $length ; $i ++) { $str .= substr ( $chars , mt_rand(0, strlen ( $chars ) - 1), 1); } return $str ; } private function getjsapiticket() { // jsapi_ticket 应该全局存储与更新,以下代码以写入到文件中做示例 $data = json_decode( file_get_contents ( "jsapi_ticket.json" )); if ( $data ->expire_time < time()) { $accesstoken = $this ->getaccesstoken(); // 如果是企业号用以下 url 获取 ticket // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accesstoken"; $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accesstoken" ; $res = json_decode( $this ->httpget( $url )); $ticket = $res ->ticket; if ( $ticket ) { $data ->expire_time = time() + 7000; $data ->jsapi_ticket = $ticket ; $fp = fopen ( "jsapi_ticket.json" , "w" ); fwrite( $fp , json_encode( $data )); fclose( $fp ); } } else { $ticket = $data ->jsapi_ticket; } return $ticket ; } private function getaccesstoken() { // access_token 应该全局存储与更新,以下代码以写入到文件中做示例 $data = json_decode( file_get_contents ( "access_token.json" )); if ( $data ->expire_time < time()) { // 如果是企业号用以下url获取access_token // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appid&corpsecret=$this->appsecret"; $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appid&secret=$this->appsecret" ; $res = json_decode( $this ->httpget( $url )); $access_token = $res ->access_token; if ( $access_token ) { $data ->expire_time = time() + 7000; $data ->access_token = $access_token ; $fp = fopen ( "access_token.json" , "w" ); fwrite( $fp , json_encode( $data )); fclose( $fp ); } } else { $access_token = $data ->access_token; } return $access_token ; } private function httpget( $url ) { $curl = curl_init(); curl_setopt( $curl , curlopt_returntransfer, true); curl_setopt( $curl , curlopt_timeout, 500); // 为保证第三方服务器与微信服务器之间数据传输的安全性,所有微信接口采用https方式调用,必须使用下面2行代码打开ssl安全校验。 // 如果在部署过程中代码在此处验证失败,请到 http://curl.haxx.se/ca/cacert.pem 下载新的证书判别文件。 curl_setopt( $curl , curlopt_ssl_verifypeer, true); curl_setopt( $curl , curlopt_ssl_verifyhost, true); curl_setopt( $curl , curlopt_url, $url ); $res = curl_exec( $curl ); curl_close( $curl ); return $res ; } } |
希望本文所述对大家php程序设计有所帮助。