登录
当前位置： 首页 > 编程笔记 >

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

罗波鸿
2023-03-14
本文向大家介绍PHP实现微信JS-SDK接口选择相册及拍照并上传的方法，包括了PHP实现微信JS-SDK接口选择相册及拍照并上传的方法的使用技巧和注意事项，需要的朋友参考一下

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

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

效果图：

通过微信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.'&timestamp='.$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&timestamp=$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微信开发技巧汇总》、《PHP编码与转码操作技巧汇总》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

 类似资料：
  • Android实现拍照、选择相册图片并裁剪功能

    本文向大家介绍Android实现拍照、选择相册图片并裁剪功能，包括了Android实现拍照、选择相册图片并裁剪功能的使用技巧和注意事项，需要的朋友参考一下 通过拍照或相册中获取图片，并进行裁剪操作，然后把图片显示到ImageView上。  当然也可以上传到服务器（项目中绝大部分情况是上传到服务器），参考网上资料及结合项目实际情况，  测试了多款手机暂时没有发现严重问题。代码有注释，直接贴代码： 布

  • 微信小程序-拍照或选择图片并上传文件

    本文向大家介绍微信小程序-拍照或选择图片并上传文件，包括了微信小程序-拍照或选择图片并上传文件的使用技巧和注意事项，需要的朋友参考一下 微信小程序-拍照或选择图片并上传文件 调用拍照API：https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html?t=20161222#wxchooseimageobject 上传文件API:h

  • 微信小程序开发之相册选择和拍照详解及实例代码

    本文向大家介绍微信小程序开发之相册选择和拍照详解及实例代码，包括了微信小程序开发之相册选择和拍照详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 微信小程序 拍照和相机选择详解 前言： 小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是弹框提示用户是要拍照还是从相册选择，下面一一来看。 选择相册要用到wx.chooseImage(

  • Android编程实现调用相册、相机及拍照后直接裁剪的方法

    本文向大家介绍Android编程实现调用相册、相机及拍照后直接裁剪的方法，包括了Android编程实现调用相册、相机及拍照后直接裁剪的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android编程实现调用相册、相机及拍照后直接裁剪的方法。分享给大家供大家参考，具体如下： 更多关于Android相关内容感兴趣的读者可查看本站专题：《Android拍照与图片处理技巧总结》、《Andro

  • 微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)

    本文向大家介绍微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)，包括了微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)的使用技巧和注意事项，需要的朋友参考一下 一、使用APIwx.chooseImage(OBJECT) wx.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。 OBJECT参数说明： 参数 类型 必填 说明

  • ap.chooseImage 拍照或从手机相册中选择图片

    ap.chooseImage(OPTION | count, CALLBACK) 拍照或从手机相册中选择图片。可直接传入一个数字作为 OPTION.count 参数。 OPTION 参数说明 名称 类型 必选 描述 count Number 否 最大可选照片数，默认1张，上限9张 sourceType String Array 否 相册选取或者拍照，默认 ['camera','album'] CA

相关阅读

微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)Android4.4 WebAPI实现拍照上传功能Android实现拍照、选择图片并裁剪图片功能Ajax实现注册并选择头像后上传功能Android实现拍照截取和相册图片截取

相关文章

PHP 文件上传Java并发ConcurrentNavigableMap接口Java并发ConcurrentMap接口Java并发BlockingQueue接口Java并发ScheduledExecutorService接口

相关问答

vue.js - 微信公众号JS-SDK问题？在AndroidMarshmallow中拍照并点击ok后相机崩溃？实现包含getter方法的kotlin接口的“相同JVM签名”“相同的JVM签名”实现包含getter方法的kotlin接口实现此接口的典型方法

相关工具

UIImagePicker拍照Demo微信公众号Python-SDK又拍云Java SDKqiniu-js-sdkaws-sdk-js

相关文档

微信 JS-SDK 开发文档 V1.6.0企业微信使用手册微餐厅平台API接口说明Java 微信开发D3.js API 中文手册
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.