本文实例讲述了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程序设计有所帮助。