调用微信接口上传图片

thinkphp5.1框架

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

1.在php中获取微信配置

 public function upload(){
        
        //先获取配置
        $config = Config::pull('wechat');
        $app = new Application($config);
        $APIs = array('chooseImage', 'previewImage', 'uploadImage', 'downloadImage');
        $package = $app->js->config($APIs, false, false, true);
        $this->assign('package', $package);
        
        
        return view('User/upload');
    }

2.在html页面

（1）引入JS文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>

<input id="uploaderInput" class="weui-uploader__input"   οnclick="chooseImage()">

 

function chooseImage() {
    wx.chooseImage({   //拍照或者从手机相册中选图
        count: 1,                //上传数量
        sizeType: ['original', 'compressed'],//可以指定是原图还是压缩
        sourceType: ['album', 'camera'],//可以指定来源是相册还是相机
        success: function (res) {
            var localIds = res.localIds;//返回指定照片的本地id
            uploadImage(localIds);//调用上传照片接口
        }
    });
}

function uploadImage(localIds){
    
    var localId = localIds.pop();
    wx.uploadImage({
        localId: localId.toString(),//需要上传的图片的本地ID
        isShowProgressTips: 1,//默认是1，显示进度提示
        success: function (res) {
            var serverId = res.serverId;//返回图片的服务器端
            $.ajax({
                url:"{:url('User/doUpload')}",  //调用微信多媒体接口下载图片
                 type:'POST',
                 data: {serverId:serverId},
                 dateType:'json',
                 success: function(data){
                     alert(data.msg);
                 }
            }) 
        },
        fail: function (res) {
            alert(JSON.stringify(res));
        }
    });
};
备注：上传图片有效期3天，可用微信多媒体接口下载图片到自己的服务器，此处获得的 serverId 即 media_id。

3.在php端下载临时素材

 $config = Config::pull('wechat');  
    $app = new Application($config);
    $filename = $app->material_temporary->download($media_id, '.' . $path, $media_id . '.jpg');