一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

php版微信JS-SDK图片接口例子

时间:2016-05-08 编辑:简简单单 来源:一聚教程网

微信JSSDK的图片接口,能让我们轻松实现上传功能。继续做例子,我们先更新下wx.config的jsApiList数组加入四个’chooseImage’, ‘uploadImage’, ‘downloadImage’, ‘previewImage’。
继续用thinkphp做框架,首先们们新建Layout/image.phtml:



   
   
    css/bootstrap.min.css" rel="stylesheet" />


{__CONTENT__}





新建视图views/Index/image.phtml:


   

       
   

   

       

   

   

       
   

   

       
   

   

       

   

   

       
   


Controller就加入一个imageAction:
public function imageAction() {
        layout('Layout/image');
        $this->display();
    }
选择图片接口效果图:

 

选择图片接口效果图:
chooseimage
上传和下载接口的效果图:(注 这里是先上传接口取到media_id再调下载图片接口显示出来,请看layout的js代码)
uploadimage
预览图片接口效果图:
previewimage

 

其中上传图片接口返回的是media_id 就是以前上传接口一样的ID,我们可以用个异步提交实现服务器储存!下载图片接口把media_id转化来本地localId,然后也是用JQ方法加入img元素显示出来!

热门栏目