仿新浪微博头像上传（适用于TP3.1.X及以上）

jerry thinkphp 2015年11月19日收藏

仿新浪微博上传头像组件，用ajax效果更好

仿新浪微博头像上传，支持本地图片拖动裁剪并时时预览，调用本地摄像头拍照并支持拖动裁剪，支持自定义亮度，对比度，饱和度，支持头像放大缩小，左右旋转。可以自定义上传目录以及图片后缀。采用ajax返回头像上传途径已经上传状态。完美兼容火狐，IE浏览器。组件下载地址http://www.gouguoyin.cn/php/29.htm，使用过程中有任何疑问请咨询QQ:245629560。

模板页代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

  <script type="text/javascript">
   function uploadevent(status,picUrl,callbackdata){
        var time = new Date().getTime();
        var filename162 = picUrl+'_162.jpg';
        var filename48 = picUrl+'_48.jpg';
        var filename20 = picUrl+"_20.jpg";
        window.location.href="__APP__/member/do_avatar_edit?url="+filename162;
    
   }
  </script>
</head>
<body>


<div  class="main">


<!--一定要注意PARAM里面的路径-->
<OBJECT  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="650" HEIGHT="450" id="myMovieName">
<PARAM NAME=movie VALUE="__PUBLIC__/flash/avatar.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<param name="flashvars" value="imgUrl=__PUBLIC__/flash/default.jpg&uploadUrl=__PUBLIC__/flash/upfile.php&uploadSrc=ture" />
<EMBED src="__PUBLIC__/flash/avatar.swf" quality=high bgcolor=#FFFFFF WIDTH="650" HEIGHT="450" wmode="transparent" flashVars="imgUrl=__PUBLIC__/flash/default.jpg&uploadUrl=__PUBLIC__/flash/upfile.php&uploadSrc=ture"
NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" allowScriptAccess="always"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>

</div>
</body>
</html>

控制器代码

<?php
// 会员模块
class MemberAction extends Action {
    //头像修改页面
    public function avatar_edit(){
        //验证是否登录
        $this->islogin();
        //显示模板
        $this->display();
    }
    //处理头像修改方法
    public function do_avatar_edit(){
        $avatar=ltrim($_GET['url'],'../../');
        $user_id=session('user_id');
        
        $user_info=M('User_info');
        $data['user_avatar']=$avatar;
        
        $result=$user_info->where("user_id=$user_id")->save($data);
        if($result === FALSE){
            $this->error('头像修改失败！');
        }elseif（$result === 0）{
            $this->error('头像未做修改！');
        }else{
            $this->success('头像修改成功！');
        }
    }
}