关于CI上传图片

public function do_upload()
    {
        $config['upload_path']      = './uploads/';
        $config['allowed_types']    = 'gif|jpg|png';
        $config['max_size']     = 100;
        $config['max_width']        = 1024;
        $config['max_height']       = 768;

        $this->load->library('upload', $config);

        if ( ! $this->upload->do_upload('userfile'))
        {
            $error = array('error' => $this->upload->display_errors());

            $this->load->view('upload_form', $error);
        }
        else
        {
            $data = array('upload_data' => $this->upload->data());//这里表示你上传图片的信息,如果说你上传成功就会在页面显示图片的信息

            $this->load->view('upload_success', $data);
        }
    }

 

在控制器中写上这个方法,在表单提交的时候提交到这个方法,然后在CI 框架的根目录下建一个叫做uploads的文件夹,并且赋予chmod 777权限,这样你就可以去上传你的图片,亲测好使

 

然后值得注意的是你的form 表单需要写成这样子

<form method="post" action="XXXX/do_upload" enctype="multipart/form-data" />

然后加上这个

<input type="file" name="userfile" size="20" />

</form>

这个页面加上前面控制器的方法,基本就可以满足图片上传的需求,当然具体参考CI框架文档

然鹅,我并不满足于此,你选择的图片你得即时的在页面中显示一下子吧,我多方查找了资料,发现这一段js好使

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }
        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

这块是对应的html

<input type="file" id="imgInp">
<image id="blah" style="width:100px; height:100px;"/>

然后你这样写了之后,就差不多可以实现选择了图片之后即时地显示了 

菜鸟一枚,希望路过大神批评指正

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值