文档章节

微信SDK图片上传功能

 骑着小猪看夕阳
发布于 2017/05/31 12:04
字数 1412
阅读 24
收藏 0
点赞 0
评论 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 ⋅ 30

微信开放JS-SDK,助力网页开发[转自微信官方]

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

明非_ ⋅ 2014/07/26 ⋅ 14

移动应用微信图像接口开发指南 (iOS版)

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

雪深 ⋅ 2015/05/26 ⋅ 0

如何在微信公众号开发中实现图片裁剪

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

豆花饭烧土豆 ⋅ 2016/08/17 ⋅ 0

html5 上传本地图片处理各种问题

原文还是在简书上: html5 上传本地图片处理各种问题 这是最近给公司写一个项目,项目要求大概是这样子: 1.上传手机本地图片,然后裁剪(后加的需求) 2.能够旋转图片,用于裁剪(后面加的需...

乖小鬼YQ ⋅ 2017/11/29 ⋅ 0

微信开发的一些问题

1、Android微信不支持flex布局: 参考:http://segmentfault.com/q/1010000003409405 提供的解决办法无非两种: a)新版webkit和旧版webkit混合flex写法; b)flex子元素需要displ:block; 本人...

Reya滴水心 ⋅ 2016/01/07 ⋅ 0

挑战App Store,微信通过“跳一跳”秀了一下“小程序”的肌肉

2017年即将结束的时候,微信放了一个大招。随着最新的微信v6.6.1版本更新,基于小程序的“小游戏”板块正式上线。微信上首发的这款“小游戏”叫“跳一跳”,名字清新,画面可爱,上手简单,精...

又拍云 ⋅ 2017/12/29 ⋅ 0

CodeIgniter 微信开发类库--CI_WeChat-PHP-SDK

项目演示主页:http://www.openant.com CIWeChat-PHP-SDK,CodeIgniter微信开发类库,修改自https://github.com/zoujingli/wechat-php-sdk SDK 封装对接及功能 接入验证 (初级权限) 自动回...

xCalder ⋅ 2016/10/17 ⋅ 1

微信小程序/网站 上传图片到腾讯云COS

COS简介: 腾讯云提供的一种对象存储服务,供开发者存储海量文件的分布式存储服务。可以将自己开发的应用的存储部分全部接入COS的存储桶中,有效减少应用服务器的带宽,请求等。个人也可以通过...

皇冠小丑 ⋅ 05/13 ⋅ 0

PHP 微信 SDK--Wechat-sdk-php

关于PHP微信SDK 此SDK运行最底要求PHP版本5.3.3, 建议在PHP7运行以获取最佳性能。 微信的部分接口需要缓存数据在本地,因此对目录需要有写权限。 我们鼓励大家使用composer来管理您的第三方库...

邹景立 ⋅ 2016/10/12 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

SpringBoot集成Druid的最简单的小示例

参考网页 https://blog.csdn.net/king_is_everyone/article/details/53098350 建立maven工程 Pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM......

karma123 ⋅ 56分钟前 ⋅ 0

Java虚拟机基本结构的简单记忆

Java堆:一般是放置实例化的对象的地方,堆分新生代和老年代空间,不断未被回收的对象越老,被放入老年代空间。分配最大堆空间:-Xmx 分配初始堆空间:-Xms,分配新生代空间:-Xmn,新生代的大小一...

算法之名 ⋅ 今天 ⋅ 0

OSChina 周日乱弹 —— 这么好的姑娘都不要了啊

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @TigaPile :分享曾惜的单曲《讲真的》 《讲真的》- 曾惜 手机党少年们想听歌,请使劲儿戳(这里) @首席搬砖工程师 :怎样约女孩子出来吃饭,...

小小编辑 ⋅ 今天 ⋅ 8

Jenkins实践3 之脚本

#!/bin/sh# export PROJ_PATH=项目路径# export TOMCAT_PATH=tomcat路径killTomcat(){pid=`ps -ef | grep tomcat | grep java|awk '{print $2}'`echo "tom...

晨猫 ⋅ 今天 ⋅ 0

Spring Bean的生命周期

前言 Spring Bean 的生命周期在整个 Spring 中占有很重要的位置,掌握这些可以加深对 Spring 的理解。 首先看下生命周期图: 再谈生命周期之前有一点需要先明确: Spring 只帮我们管理单例模...

素雷 ⋅ 今天 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

聊聊spring cloud的HystrixCircuitBreakerConfiguration

序 本文主要研究一下spring cloud的HystrixCircuitBreakerConfiguration HystrixCircuitBreakerConfiguration spring-cloud-netflix-core-2.0.0.RELEASE-sources.jar!/org/springframework/......

go4it ⋅ 今天 ⋅ 0

二分查找

二分查找,也称折半查找、二分搜索,是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于...

人觉非常君 ⋅ 今天 ⋅ 0

VS中使用X64汇编

需要注意的是,在X86项目中,可以使用__asm{}来嵌入汇编代码,但是在X64项目中,再也不能使用__asm{}来编写嵌入式汇编程序了,必须使用专门的.asm汇编文件来编写相应的汇编代码,然后在其它地...

simpower ⋅ 今天 ⋅ 0

ThreadPoolExecutor

ThreadPoolExecutor public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliveTime, ......

4rnold ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部