用户
 找回密码
 入住 CI 中国社区
搜索
查看: 2970|回复: 1
收起左侧

[其它 Other] 原创jqueryForm实现上传

[复制链接]
发表于 2012-4-17 15:34:18 | 显示全部楼层 |阅读模式
废话不说,上图
PHP复制代码
 
function do_upload(){
        $config['upload_path']         = './public/uploads/';
        $config['allowed_types']    = 'gif|jpg|jpeg|png';
        $config['max_size']            = '1024';    //kb
        $config['max_width']        = '2048';
        $config['max_height']        = '1536';
        $config['encrypt_name']        = TRUE;
       
        $this->load->library('upload',$config);
        //var_dump($_FILES);
        if(!$this->upload->do_upload()){
            $data['info'] = $this->upload->display_errors();
            header('Content-Type:text/html; charset=utf-8');
            exit(json_encode($data));
            //echo json_decode($data);
        }else{
            $upload_data=$this->upload->data();
            header("Content-Type:text/html; charset=utf-8");
            $data['status'] = 'success';
            $data['info']     = '上传成功!';
            $data['img']     = $upload_data['file_name'];
            exit(json_encode($data));
        }
    }
 
 
复制代码

JS复制代码
 
<script type="text/javascript">
$(document).ready(function() {
    $("#fileUp").ajaxForm({
        success: complete,  // post-submit callback
        dataType: 'json'
    })
    function complete(data){
        //alert(data);
        if (data.status=='success'){
            alert(data.info); //成功信息
            $("#img",window.parent.document).html('<img src="<?php echo base_url()?>public/uploads/'+data.img+'"/>');
        }else{
            alert(data.info); //失败信息
        }
    }
   
});
 
</script>
 
复制代码


评分

参与人数 1威望 +5 收起 理由
Hex + 5 赞一个!

查看全部评分

 楼主| 发表于 2012-4-17 15:35:04 | 显示全部楼层
HEX老大加分啊

本版积分规则