如何在Codeigniter中使用ajax,jQuery裁剪图像?

时间:2013-05-27 18:40:24

标签: jquery ajax codeigniter

我看到Lot的图像裁剪示例但是我找不到像我想要的那样。所以我在Stackoverflow中发帖。

Codeigniter FrameWork中的完整脚本,如图所示 1.单击上传,然后选择.jpg / .png文件
2.在服务器上自动上传和显示

http://i.stack.imgur.com/VTtO5.png
3.上传用户裁剪配置文件Pic preDifiend Size 4.并保存在我的数据库中。

我无法ajax。 Plz ..如果你已经完成了这个提供给我。

Ebrahim Khalil

1 个答案:

答案 0 :(得分:3)

我正在使用JCrop插件,请查看他们的PHP裁剪示例。 基本上当你选择裁剪时会发生什么,它将被保存在X,Y中用于坐标,H,W用于高度和宽度。

Codeigniter的image_lib提供了裁剪或调整图像大小的简单方法。阅读文档...

我的代码片段:

        //crop it
        $data['x'] = $this->input->post('x');
        $data['y'] = $this->input->post('y');
        $data['w'] = $this->input->post('w');
        $data['h'] = $this->input->post('h');

        $config['image_library'] = 'gd2';
        //$path =  'uploads/apache.jpg';
        $config['source_image'] = 'uploads/'.$data['user_data']['img_link']; //http://localhost/resume/uploads/apache.jpg
       // $config['create_thumb'] = TRUE;
        //$config['new_image'] = './uploads/new_image.jpg';
        $config['maintain_ratio'] = FALSE;
        $config['width']  = $data['w'];
        $config['height'] = $data['h'];
        $config['x_axis'] = $data['x'];
        $config['y_axis'] = $data['y'];

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

        if(!$this->image_lib->crop())
        {
            echo $this->image_lib->display_errors();
        }  
        redirect('profile');

此处原始上传的图片被裁剪,您还可以创建新图像。只需为此创建create_thumb = true。