首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

PHP实现微信JS-SDK接口选择相册及拍照并上传的方法

Posted in PHP onDecember 05, 2016

本文实例讲述了PHP实现微信JS-SDK接口选择相册及拍照并上传的方法。分享给大家供大家参考，具体如下：

理解：微信上传接口是拍照，或者选择本地照片，上传到微信的服务器，获取到一个id，通过token与这个id获取到图片，保存到服务器即可。

效果图：

PHP实现微信JS-SDK接口选择相册及拍照并上传的方法

通过微信js接口，调用底层程序。
需要引入js文件，并进行配置。

<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次。超过就不能获取了。

// 获取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

// 获取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，它是由多个参数拼接加密形成的，有实效性。

// 获取 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;
}

配置好之后，就可以使用了。我用了两个功能，一个是选择照片，一个是上传照片。

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可以下载上传到微信服务器上的图片文件，把它保存到自己的服务器中。

// 获取图片地址
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随机数，因为在同一秒钟可能会上传多张照片。

$targetName = './Uploads/User_cert/'.$foldername.'/'.date('YmdHis').rand(1000,9999).'.jpg';

这个serverId以表单的形式提交到服务器，然后对其进行写入文件，获取地址，并把地址保存到服务器中。

微信的js与jquery不冲突，可以共同使用。

附上牛逼的JSSDK类

<?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程序设计有所帮助。

PHP实现微信JS-SDK接口选择相册及拍照并上传的方法

- Author -

牛逼的霍啸林

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
在PHP中使用XML
Oct 09 PHP
PHP Array交叉表实现代码
Aug 05 PHP
Sorting Array Values in PHP(数组排序)
Sep 15 PHP
php 判断服务器操作系统的类型
Feb 17 PHP
ThinkPHP模板IF标签用法详解
Jul 01 PHP
浅谈php和.net的区别
Sep 28 PHP
Codeigniter购物车类不能添加中文的解决方法
Nov 29 PHP
php实现微信公众号无限群发
Oct 11 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
Apr 05 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
Apr 10 PHP
PHP数据源架构模式之表入口模式实例分析
Jan 23 PHP
php实现根据身份证获取精准年龄
Feb 26 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
Dec 05 #PHP
thinkPHP中验证码的简单实现方法
Dec 05 #PHP
php获取当前月与上个月月初及月末时间戳的方法
Dec 05 #PHP
简述php环境搭建与配置
Dec 05 #PHP
php 变量引用与变量销毁机制详细介绍
Dec 05 #PHP
[原创]php实现 data url的图片生成与保存
Dec 04 #PHP
php 魔术常量详解及实例代码
Dec 04 #PHP
比利时购物网站(33) 瑞典购物网站(55) 葡萄牙购物网站(13) 肯尼亚购物网站(2) 阿根廷购物网站(9) 芬兰购物网站(10) 荷兰购物网站(99) 南非购物网站(8) 挪威购物网站(7) 欧洲购物网站(15)
You might like
PHP设计模式之解释器模式的深入解析
2013/06/13 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
2009/04/24 Javascript
requireJS使用指南
2016/04/27 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
Javascript typeof与instanceof的区别
2016/10/18 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
浅谈angularjs依赖服务注入写法的注意点
2017/04/24 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
node实现定时发送邮件的示例代码
2017/08/26 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
详解template标签用法(含vue中的用法总结)
2021/01/12 Vue.js
Python实现的简单dns查询功能示例
2017/05/24 Python
socket + select 完成伪并发操作的实例
2017/08/15 Python
Python数据可视化正态分布简单分析及实现代码
2017/12/04 Python
安装python3的时候就是输入python3死活没有反应的解决方法
2018/01/24 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
python之生产者消费者模型实现详解
2019/07/27 Python
Pytorch之finetune使用详解
2020/01/18 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
移动端解决悬浮层（悬浮header、footer）会遮挡住内容的3种方法
2015/03/27 HTML / CSS
FILA斐乐中国官方商城：意大利运动品牌
2017/01/25 全球购物
全球知名的珠宝首饰品牌：Kay Jewelers
2018/02/11 全球购物
精选干货：Java精选笔试题附答案
2014/01/18 面试题
2014年民主评议党员个人总结
2014/09/24 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
写给老婆的保证书
2015/02/27 职场文书
芙蓉镇观后感
2015/06/10 职场文书
安全教育片观后感
2015/06/17 职场文书