Thinkphp+Uploadify

1、先下载插件

2、引入文件

  Jq要在插件之前

<link rel="stylesheet" href="__PUBLIC__/Uploadify/uploadify.css"/>
<script type="text/javascript" src=‘__PUBLIC__/Js/jquery-1.7.2.min.js‘></script>
<script type="text/javascript" src=‘__PUBLIC__/Uploadify/jquery.uploadify.min.js‘></script>

3、form表单,现在已经不是直接上传文件了,而是上传文件路径,因为Uploadify已经把文件上传了。我们只需要在php端返回相应的地址就好,在把返回的地址放到隐藏域中,然后提交的时候就是提交文件路径了

<form action="{:U(editFace)}" method=‘post‘>
    <div class=‘edit-face‘>
    <img src="<if condition=‘$user.face180 eq ""‘>__PUBLIC__/Images/noface.gif<else />__ROOT__/Uploads{$user.face180}</if>" width="180" height="180" id="face_img" />
    <p style="text-align: center;"><input type="file" name="face" id="face"></p>
    <p>
        <input type="hidden" value=‘‘ name="face180">
        <input type="hidden" value=‘‘ name="face80">
        <input type="hidden" value=‘‘ name="face50">
        <input type="submit" value=‘保存修改‘ class=‘edit-sub‘/>
    </p>
    </div>
</form>

4、代码

js

    //头像上传Uploadify插件
    $(‘#face‘).uploadify({
        swf             : ‘__PUBLIC__/Uploadify/uploadify.swf‘,    //flash插件地址
        uploader        : "{:U(‘Comment/uploadFace‘)}",        //提交到哪里(见下面php代码)
        width           : 120,                       //上传按钮宽度(插件的CSS自带鼠标移入偏移)
        height          : 30,                       //上传按钮高度(同上)
        buttonImage     : ‘__PUBLIC__/Uploadify/browse-btn.png‘,   //上传按钮的地址
        fileTypeDesc    : ‘Image File‘,                  //上传文件的类型
        fileTypeExts    : ‘*.jpeg; *.jpg; *.gif; *.png‘,       //上传文件的允许后缀
        onUploadSuccess : function(file,data,response){         //回调函数
            eval(‘var data=‘ + data);                  //把php端回调的数据执行为json对象,以便进一步操作
            if(data.status){
                $(‘#face_img‘).attr(‘src‘,‘__ROOT__/Uploads‘+data.path.max);
                $(‘input[name=face180]‘).val(data.path.max);
                $(‘input[name=face80]‘).val(data.path.medium);
                $(‘input[name=face50]‘).val(data.path.mini);
            }else{
                alert(data.msg);
            }
        }
    });

php

    /**
     * 头像上传
     */
    public function uploadFace(){
        if (!IS_POST) {
            E(‘页面不存在!‘);
        }
        $upload = $this->_upload(‘Face‘,1);
        echo json_encode($upload);
    }
    
    /**
     * 图片上传处理
     * @param string $path   保存文件路径
     * @param bool   $thumb  是否生成缩略图(0:不生成,1:生成)
     * @return array         图片上传后的信息
     */
    private function _upload($path,$thumb=0){
        $obj = new \Think\Upload();
        $obj->maxSize        = C(‘UPLOAD_MAX_SIZE‘);     //允许上传的最大大小
        $obj->savePath       = C(‘UPLOAD_PATH‘).$path . ‘/‘; //文件上传的保存路径(相对于根路径)
        $obj->saveName       = array(‘uniqid‘,‘‘);                 //文件名规则:唯一
        $obj->replace        = true;                     //同名文件覆盖
        $obj->exts           = C(‘UPLOAD_EXTS‘);         //允许上传文件的后缀
        $obj->autoSub        = true;                     //使用子目录
      //$obj->subName        = array(‘date‘,‘Y_m‘);      //以日期(格式为Y_m)为子目录
        $obj->subName        = ‘get_uid‘;                //用自定义函数获取用户id,以用户id为文件夹
        $msg = $obj->upload();
        if(!$msg){
            return array(‘status‘ =>0, ‘msg‘=>$obj->getError());        //上传原图出错返回
        }  else {
            if ($thumb) {
                $original    = new \Think\Image();
                $savepath    = $msg[‘Filedata‘][‘savepath‘];
                $savename    = $msg[‘Filedata‘][‘savename‘];
                 //组合缩略图路径
                $max_path    = substr($savepath.‘max_‘.$savename,1);
                $medium_path = substr($savepath.‘medium_‘.$savename,1);
                $mini_path   = substr($savepath.‘mini_‘.$savename,1);
                //打开原图
                $original->open(‘Uploads‘.substr($msg[‘Filedata‘][‘savepath‘].$msg[‘Filedata‘][‘savename‘],1));
                //依次生成180*180,80*80,50*50的缩略图
                $original->thumb(180, 180)->save(‘Uploads‘.$max_path);  
                $original->thumb(80, 80)->save(‘Uploads‘.$medium_path);
                $original->thumb(50, 50)->save(‘Uploads‘.$mini_path);
                
                return array(
                    ‘status‘=>1,
                    ‘path‘=>array(
                        ‘max‘=>$max_path,
                        ‘medium‘=>$medium_path,
                        ‘mini‘=>$mini_path
                    )
                );
            }
        }
    }

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。