文档章节

微信SDK图片上传功能

 骑着小猪看夕阳
发布于 2017/05/31 12:04
字数 1412
阅读 27
收藏 0

document.querySelector('.photobtn').onclick = function () {
    wx.chooseImage({
      sizeType: ['compressed'],
      count: 1, 
      success: function (res) {
        localid = res.localIds.toString();
        ajaxupload(localid);
      },
      fail: function (res) {
          alert(JSON.stringify(res));
        }
    });
  };

function ajaxupload(localIds) {
      $('#loadingToast').show();
      wx.uploadImage({
        localId: localIds,
        isShowProgressTips: 0,
        success: function (res) {
          $.ajax({
                type: 'POST',
                url: "{pigcms::U('Wall/AjaxdownloadMedia')}",
                data:{    
                         serverId : res.serverId,                                
                },  
                success: function (retuendata) {
                    var data = JSON.parse(retuendata); 
                    //$('#loadingToast').hide();
                    if(data.status == 1){
                        $('#loadingToast').hide();
                        showTip('上传成功!');
                    }else{
                        $('#loadingToast').hide();
                        showTip('上传失败!');
                    }
                }, 
            });
        },
        fail: function (res) {
            $.ajax({
                type: 'POST',
                url: "{pigcms::U('Wall/AjaxWriteLogo')}",
                data:{    
                         data : res,                                
                },  
                success: function (res) { 
                    
                }, 
            });
          alert(JSON.stringify(res));
        }
      });
    };

/*
    @下载微信素材图片
    @接收参数素材id $media_id 
    */
    function downloadMedia($media_id){
        //$media_id = $_GET['media_id'];
        //$access_token = $_GET['access_token'];
        import("@.ORG.wall.WechatShares");
        $share     = new WechatShares($this->appId,$this->appSecret,$this->wecha_id);
        $tokendata = $share->readtext('access_token');
        $tokendata = json_decode($tokendata,true); 
        if(!empty($tokendata['access_token']) && $tokendata['access_token_expires_in'] > time()){
            $access_token = $tokendata['access_token'];
        }else{
            $urls = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$this->appId.'&secret='.$this->appSecret;
            $rt=$this->curlGet($urls);
            $jsonrt=json_decode($rt,1);
            $tokendata['access_token'] = $access_token = isset( $jsonrt['access_token'] ) ? $jsonrt['access_token'] : "" ;
            $tokendata['access_token_expires_in'] = time()+$jsonrt['expires_in'];
            $share->writetext('access_token',$tokendata);
        }
        $url ="http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=".$access_token."&media_id=".$media_id;
        $img = $this->curlGet($url);
        $fileurl =     'uploads/wall/images/'.date('Y-m-d').'/'.$this->token.'/';
        //$fileurl =     'uploads/wall/images/';
        $filetype = "jpg";//文件类型,后缀
        $randname = rand(1,9).time();//生成的随机名
        if(!file_exists($fileurl)){
            mkdir($fileurl,0777,true);//生成文件夹
        }
        $imgurl = $fileurl.$randname.'.'.$filetype;
        $filesize = file_put_contents($imgurl,$img);//保存文件,返回图片大小
        if($filesize){
            $data['imgurl'] = 'http://'.$_SERVER['SERVER_NAME'].'/'.$imgurl;
            $data['status'] = 1;
        }else{
            $data['status'] = 2;
        }
        return $data;
    }

<?php 
class WechatShares 
{
    private $appId        = '';
    private $appSecret    = '';
    public $error         = array();
    public $token         = '';  
    public $wecha_id         = '';
    
    
    //构造函数获取access_token
    function __construct($appId,$appSecret,$wecha_id){
        $this->appId        = $appId;
        $this->appSecret    = $appSecret;
        $this->wecha_id        = $wecha_id;
    }
    
    public function writetext($file,$conten,$filePath = ''){ 
        if(empty($filePath)){
            $filePath = "uploads/wall/WechatConfig/";
        }
        if (!file_exists($filePath)){ 
            mkdir($filePath);
        } 
        if(!file_exists($filePath)){
            mkdir($filePath,0777);
        }
        $filename = $filePath.'/'.$file;
        $json_string = json_encode($conten); 
        file_put_contents($filename, $json_string);
    }
    /*
    @读取消息
    @接收参数文件名称 $filename 
    @返回json格式的消息内容 $json 
    @判断当前文件是否存在,存在返回文件内容,不存在则返回文件不存在
    */
    public function readtext($file,$filePath = ''){ 
        if(empty($filePath)){
            $filePath = "uploads/wall/WechatConfig/";
        }
        $filename = $filePath.'/'.$file;
        if(file_exists($filename)){
            $content = file_get_contents($filename);
            $json = $content;            
        }else{
            $json = '{"msg":"The file does not exist."}'; 
        }
        return $json;
    }
    
    public function config(){
        $now     = time();

        $share_data = $this->readtext('share_ticket');
        $share_data = json_decode($share_data,true);
        if( (empty($share_data['share_ticket']) || empty($share_data['share_dated']) ) || ($share_data['share_ticket']!='' && $share_data['share_dated']!='' && $share_data['share_dated'] < $now ) ){
            $tokenData     = $this->getToken();
            if($tokenData['errcode']){
                $this->error['token_error']     = array('errcode'=>$tokenData['errcode'],'errmsg'=>$tokenData['errmsg']);
            }else{
                $access_token     = $tokenData['access_token'];
                $ticketData     = $this->getTicket($access_token);
                if($ticketData['errcode']>0){
                    $this->error['ticket_error']     = array('errcode'=>$ticketData['errcode'],'errmsg'=>$ticketData['errmsg']);
                }else{
                    $ticketdata = array(
                        'share_ticket'=>$ticketData['ticket'],
                        'share_dated'=>$now+$ticketData['expires_in'],
                    );
                    $this->writetext('share_ticket',$ticketdata);
                    $ticket     = $ticketData['ticket'];
                }
            }
        }else{
            $ticket         = $share_data['share_ticket'];
        }

        //$url         = $this->getUrl();
        $url         = "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

        $sign_data     = $this->addSign($ticket,$url);
        $html     = <<<EOM
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js "></script>
    <script type="text/javascript">
        wx.config({
          debug: false,
          appId:     '{$sign_data['appId']}',
          timestamp: {$sign_data['timestamp']},
          nonceStr: '{$sign_data['nonceStr']}',
          signature: '{$sign_data['signature']}',
          jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
        'hideMenuItems',
        'showMenuItems',
        'hideAllNonBaseMenuItem',
        'showAllNonBaseMenuItem',
        'translateVoice',
        'startRecord',
        'stopRecord',
        'onVoiceRecordEnd',
        'playVoice',
        'onVoicePlayEnd',
        'pauseVoice',
        'stopVoice',
        'uploadVoice',
        'downloadVoice',
        'chooseImage',
        'previewImage',
        'uploadImage',
        'downloadImage',
        'getNetworkType',
        'openLocation',
        'getLocation',
        'hideOptionMenu',
        'showOptionMenu',
        'closeWindow',
        'scanQRCode',
        'chooseWXPay',
        'openProductSpecificView',
        'addCard',
        'chooseCard',
        'openCard'
      ]
        });
    </script>
EOM;
    return $html;
    }
    
    public function getError(){
        dump($this->error);
    }
    
    public function addSign($ticket,$url){
        $timestamp = time();
        $nonceStr  = rand(100000,999999);
        $array     = array(
            "noncestr"        => $nonceStr,        
            "jsapi_ticket"    => $ticket,
            "timestamp"        => $timestamp,
            "url"            => $url,
        );
        
        ksort($array);
        $signPars    = '';
    
        foreach($array as $k => $v) {
            if("" != $v && "sign" != $k) {
                if($signPars == ''){
                    $signPars .= $k . "=" . $v;
                }else{
                    $signPars .=  "&". $k . "=" . $v;
                }
            }
        }
        
        $result = array(
            'appId'     => $this->appId,
            'timestamp' => $timestamp,
            'nonceStr'  => $nonceStr,
            'url'         => $url,
            'signature'  => SHA1($signPars),
        );
        
        return $result;
    }

    public function getUrl(){
         $url     = "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

        if(isset($_GET['code']) && isset($_GET['state']) && ($_GET['state'] == 'oauth')){
            $url         = $this->clearUrl($url);
            if(isset($_GET['wecha_id'])){
                $url .= '&wecha_id='.$this->wecha_id;
            }
            return $url;
        }else{
            return $url;
        }

    }
    
    public function clearUrl($url){
        $param     = explode('&', $url);
        for ($i=0,$count=count($param); $i < $count; $i++) {
            if(preg_match('/^(code=|state=|wecha_id=).*/', $param[$i])){
                unset($param[$i]);
            }
        }
        return join('&',$param);
    }
    
    //获取token
    public function  getToken(){
        $url     = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$this->appId."&secret=".$this->appSecret;
        return $this->https_request($url);
    }

    public function getTicket($token){
        $url     = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=".$token."&type=jsapi";
        return $this->https_request($url);
    }

  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
    );
    $share_html = $this->createHtml($signPackage);

    return $share_html;
    //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() {
    $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;
    return $ticket;
  }

  private function getAccessToken() {
    $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;
    return $access_token;
  }

  private function httpGet($url) {
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($curl, CURLOPT_TIMEOUT,30);
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
    curl_setopt($curl, CURLOPT_URL, $url);

    $res = curl_exec($curl);
    curl_close($curl);

    return $res;
  }
    /*创建分享html*/
    public function createHtml($sign_data){

    $html     = <<<EOM
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
        wx.config({
          debug: false,
          appId:     '{$sign_data['appId']}',
          timestamp: {$sign_data['timestamp']},
          nonceStr: '{$sign_data['nonceStr']}',
          signature: '{$sign_data['signature']}',
          jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
        'hideMenuItems',
        'showMenuItems',
        'hideAllNonBaseMenuItem',
        'showAllNonBaseMenuItem',
        'translateVoice',
        'startRecord',
        'stopRecord',
        'onVoiceRecordEnd',
        'playVoice',
        'onVoicePlayEnd',
        'pauseVoice',
        'stopVoice',
        'uploadVoice',
        'downloadVoice',
        'chooseImage',
        'previewImage',
        'uploadImage',
        'downloadImage',
        'getNetworkType',
        'openLocation',
        'getLocation',
        'hideOptionMenu',
        'showOptionMenu',
        'closeWindow',
        'scanQRCode',
        'chooseWXPay',
        'openProductSpecificView',
        'addCard',
        'chooseCard',
        'openCard'
      ]
        });
    </script>
    <script type="text/javascript">
    wx.ready(function () {
        // 2.2 监听“分享给朋友”按钮点击、自定义分享内容及分享结果接口
        if(window.shareData.tContent){
            window.shareData.tContent = window.shareData.tContent;
        }else{
            window.shareData.tContent = window.shareData.tTitle;
        }
        wx.onMenuShareAppMessage({
            title: window.shareData.tTitle,
            desc: window.shareData.tContent,
            link: window.shareData.sendFriendLink,
            imgUrl: window.shareData.imgUrl,
            type: '', 
            dataUrl: '', 
            success: function () { 
                shareHandle('frined');
            },
            cancel: function () { 
                //alert('用户取消分享后执行的回调函数');
            }
        });
        
        // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
        wx.onMenuShareTimeline({
            title: window.shareData.tTitle,
            link: window.shareData.sendFriendLink,
            imgUrl: window.shareData.imgUrl,
            success: function () { 
                shareHandle('frineds');
                //alert('分享朋友圈成功');
            },
            cancel: function () { 
                //alert('分享朋友圈失败');
            }
        });    

        // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
        wx.onMenuShareWeibo({
            title: window.shareData.tTitle,
            desc: window.shareData.tContent,
            link: window.shareData.sendFriendLink,
            imgUrl: window.shareData.imgUrl,
            success: function () { 
                shareHandle('weibo');
                   //alert('分享微博成功');
            },
            cancel: function () { 
                //alert('分享微博失败');
            }
        });
        document.querySelector('#closeWindow').onclick = function () {
            wx.closeWindow();
        };

    });
    function shareHandle(to) {
        var submitData = {
            module: window.shareData.moduleName,
            moduleid: window.shareData.moduleID,
            token:'{$this->token}',
            wecha_id:'{$this->wecha_id}',
            url: window.shareData.sendFriendLink,
            to:to
        };
        $.post('index.php?g=Wap&m=Share&a=shareData&token={$this->token}&wecha_id={$this->wecha_id}',submitData,function (data) {},'json')
    }
</script>
EOM;
        return $html;
    }
    
    //https请求(支持GET和POST)
    protected function https_request($url, $data = null)
    {
        $curl = curl_init();
        $header = "Accept-Charset: utf-8";
        curl_setopt($curl, CURLOPT_URL, $url);
        curl_setopt($curl, CURLOPT_TIMEOUT, 30);
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
        //curl_setopt($curl, CURLOPT_SSLVERSION, 3);
        curl_setopt($curl, CURLOPT_HTTPHEADER, $header);
        if (!empty($data)){
            curl_setopt($curl, CURLOPT_POST, 1);
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
        }
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
        $output = curl_exec($curl);
        $errorno= curl_errno($curl);
        if ($errorno) {
            return array('curl'=>false,'errorno'=>$errorno);
        }else{
            $res = json_decode($output,1);

            if ($res['errcode']){
                return array('errcode'=>$res['errcode'],'errmsg'=>$res['errmsg']);
            }else{
                return $res;
            }
        }
        curl_close($curl);
    }
}

?>

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 6
码字总数 2215
作品 0
广州
程序员
微信开放微信内网页开发工具包,助力网页开发

微信公众平台今日面向开发者开放微信内网页开发工具包(微信JS-SDK)。 通过微信JS-SDK提供的11类接口集,开发者不仅能够在网页上使用微信本身的拍照、选图、语音、位置等基本能力,还可以直...

oschina
2015/01/10
26.2K
30
微信开放JS-SDK,助力网页开发[转自微信官方]

微信公众平台今日面向开发者开放微信内网页开发工具包(微信JS-SDK)。 通过微信JS-SDK提供的11类接口集,开发者不仅能够在网页上使用微信本身的拍照、选图、语音、位置等基本能力,还可以直...

明非_
2014/07/26
0
14
移动应用微信图像接口开发指南 (iOS版)

使用说明 本文档主要介绍微信图像SDK(iOS版)使用方法,利用SDK可以准确搜索到用户上传的图像。 本文属于入门级文档,旨在帮助开发者快速学习iOS SDK的使用并应用到自身开发工作。具体 API ...

雪深
2015/05/26
0
0
如何在微信公众号开发中实现图片裁剪

接触微信公众号开发已经有一段时间了,发现其实和网页开发差不多,但是因为浏览器的不同,自己也碰过一些坑,其中就有怎么实现图片裁剪功能。 一开始我是用PC端的思路去做的,首先在本地获取...

豆花饭烧土豆
2016/08/17
359
0
踩坑---一个不是坑的难以言喻的坑,有关企业微信在iOS端上传文件的坑

起因 今早一去公司,被组长远程发过来一个Bug,据说是用户反馈的一个iOS的问题,在我们的业务中,有一个有关图片上传的问题。我们的业务代码是在自己的客户端、微信、钉钉、企业微信四个地方...

榭安
08/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

[雪峰磁针石博客]python3快速入门教程1 turtle绘图-2函数

菲波那契序列: >>> # Fibonacci series:... # the sum of two elements defines the next... a, b = 0, 1>>> while b < 10:... print(b)... a, b = b, a+b...112......

python测试开发人工智能安全
今天
0
0
java环境变量配置最正确的方式

原贴:https://blog.csdn.net/qq_40007997/article/details/79784711,十分详细,亲测有效

kitty1116
今天
0
0
49.Nginx防盗链 访问控制 解析php相关 代理服务器

12.13 Nginx防盗链 12.14 Nginx访问控制 12.15 Nginx解析php相关配置(502的问题) 12.16 Nginx代理 扩展 502问题汇总 http://ask.apelearn.com/question/9109 location优先级 http://blog....

王鑫linux
今天
1
0
Nginx防盗链、访问控制、解析php相关配置、Nginx代理

一、Nginx防盗链 1. 编辑虚拟主机配置文件 vim /usr/local/nginx/conf/vhost/test.com.conf 2. 在配置文件中添加如下的内容 { expires 7d; valid_referers none blocked server_names *.tes......

芬野de博客
今天
0
0
spring EL 和资源调用

资源调用 import org.springframework.beans.factory.annotation.Value;import org.springframework.context.annotation.PropertySource;import org.springframework.core.io.Resource;......

Canaan_
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部