CI框架中文件上传类之图片上传功能-胡新春个人博客
  •  首页
  •  游戏/动漫
  •  日记/生活
  •  程序员式幽默
  •  闲言碎语
  •  博客大计事
  •  留言板
  • 
    CI框架中文件上传类之图片上传功能
     作者:HXC  发布时间:2017-11-22 15:12:32  访客:121

    打算给博客文章列表添加一个缩略图功能,应为使用CI框架开发的,自然使用ci的文件上传类处理图片上传最为方便快捷,下面就简单介绍一下,我是怎样处理这个问题的。

    CI图片上传功能

    1、首先先将表单标签文件上传的name值改为固定值"userfile"。并且将form标签添上数据上传属性 enctype="multipart/form-data"

    在前台视图部分新建,test.php文件,用于书写表单部分,代码如下:

    <!--内容部分开始-->
    <form method = "post" enctype="multipart/form-data" action = "<?php echo site_url('Article/do_upload');?>/<?php echo $article['id']; ?>">
    	<input type="file" name="userfile" size="20"/>
    	<input type="submit" value="upload"/>
    </form>
    <!--内容部分结束-->


    2.控制器部分的重要代码

    <?php
    class Upload extends CI_Controller{
        function __construct(){
            parent::__construct();
            $this->load->helper("form","url");
        }
        public function index(){
            $this->load->view('test',array("error"=>''));
        }
    
        function  do_upload(){
           $config['upload_path'] = './upload/img/';   //注意:此路劲是相对于CI框架中的根目录下的目录
           $config['allowed_types'] = 'gif|jpg|png';   //设置上传的图片格式
           $config['max_size'] = '500';              //设置上传图片的文件最大值
           $config['max_width']  = '1200';            //设置图片的最大宽度
           $config['max_height']  = '1200';
           $this->load->library('upload', $config);   //加载CI中的图片上传类,并递交设置的各参数值
           if ($this->upload->do_upload())
          {   
                $arr = $this->upload->data();     //此函数是返回图片上传成功后的信息
                $data['photo']="upload/img/".$arr['orig_name'];
                if($this->db->insert("article",$data)){
                      echo "<script>alert('上传成功');</script>";
                }else{
                      echo "<script>alert('添加失败');</script>";
                }
           }
        }
    }
    ?>


    调用图片地址:

    <?php echo $val['photo'] ?>


    修改后的文章列表界面:

    1511334646438684.png

    后台文章列表


    1511334714804996.png

    前台文章列表

    点评一下

    
    程序:HXC博客v2.0 主题:HXC博客前端Funs主题    基于CodeIgniter框架构建
    博客平稳运行2年+