首页
所有分类
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里得到前天和昨天的日期的代码
Aug 16 PHP
PHP insert语法详解
Jun 07 PHP
PHP array_push 数组函数
Dec 26 PHP
php编写一个简单的路由类
Apr 13 PHP
如何让thinkphp在模型中自动完成session赋值小教程
Sep 05 PHP
自己写的php curl库实现整站克隆功能
Feb 12 PHP
php恢复数组的key为数字序列的方法
Apr 28 PHP
基于PHP实现通过照片获取ip地址
Apr 26 PHP
php通过smtp邮件验证登陆的方法
May 11 PHP
利用php操作memcache缓存的基础方法示例
Aug 02 PHP
PHP+redis实现的购物车单例类示例
Feb 02 PHP
对laravel的session获取与存取方法详解
Oct 08 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
区块链(2) zabbix(9) keeplive_timeout(1) text-shadow(1) RTMP(1) http_stub_status_module(1) location(2) 缓存机制(1) BufferPool(1) TypeScript(2)
You might like
zend framework文件上传功能实例代码
2013/12/25 PHP
PHP简单实现二维数组赋值与遍历功能示例
2017/10/19 PHP
PHP实现微信申请退款功能
2018/10/01 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
jquery 3D 标签云示例代码
2014/06/12 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
jquery轻量级数字动画插件countUp.js使用详解
2019/10/17 jQuery
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
Python内置数据类型详解
2014/08/18 Python
Python查找函数f（x）=0根的解决方法
2015/05/07 Python
Python之日期与时间处理模块（date和datetime）
2017/02/16 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
python实现百万答题自动百度搜索答案
2018/01/16 Python
Python微信公众号开发平台
2018/01/25 Python
python实现数据写入excel表格
2018/03/25 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
浅谈Python 列表字典赋值的陷阱
2019/01/20 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
sklearn的predict_proba使用说明
2020/06/28 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
莫斯科珠宝厂官方网站：Miuz
2020/09/19 全球购物
高级技校毕业生自荐信
2013/11/18 职场文书
军训生自我鉴定范文
2013/12/27 职场文书
《盘古开天地》教学反思
2014/02/28 职场文书
小英雄雨来观后感
2015/06/09 职场文书
校长新学期寄语2016
2015/12/04 职场文书
求职自我评价参考范文
2019/05/16 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers