关于CI框架封装常用的图像处理方法-tutorial php-php.cn

这篇文章主要介绍了CI框架封装的常用图像处理方法,涉及针对图像的缩略图、水印、旋转、上传等操作,需要的朋友可以参考下

本文实例讲述了CI框架封装的常用图像处理方法。分享给大家供大家参考，具体如下：

其实微信手机端上图时，列表图最好是缩略图，节省流量，这不，又被移动坑了一把，话费签一分就停机，流量欠到90块才停机，我也是醉了。。。

不说废话了，下面是用CI 的内置处理图像的库写的，小弟不才，遗漏之处敬请指出，谢谢。

/**
* 生成缩略图
* @param  $path 原图的本地路径
* @return null 创建一个 原图_thumb.扩展名 的文件
*
*/
public function dealthumb($path){
    $config[&#39;image_library&#39;] = &#39;gd2&#39;;
    $config[&#39;source_image&#39;] = $path;
    $config[&#39;create_thumb&#39;] = TRUE;
    //生成的缩略图将在保持纵横比例 在宽度和高度上接近所设定的width和height
    $config[&#39;maintain_ratio&#39;] = TRUE;
    $config[&#39;width&#39;] = 80;
    $config[&#39;height&#39;] = 80;
    $this->load->library(&#39;image_lib&#39;, $config);
    $this->image_lib->resize();
    $this->image_lib->clear();
}
/*
* 处理图像旋转
*/
public function transroate($path,$imgpath){
    $this->load->library(&#39;image_lib&#39;);
    //(必须)设置图像库
    $config[&#39;image_library&#39;] = &#39;gd2&#39;;
    $newname = time().&#39;_rote.jpg&#39;;
    //设置图像的目标名/路径
    $config[&#39;new_image&#39;] =$imgpath.$newname;
    //(必须)设置原始图像的名字/路径
    $config[&#39;source_image&#39;] = $path;
    //决定新图像的生成是要写入硬盘还是动态的存在
    $config[&#39;dynamic_output&#39;] = FALSE;
    //设置图像的品质。品质越高，图像文件越大
    $config[&#39;quality&#39;] = &#39;90%&#39;;
    //有5个旋转选项 逆时针90 180 270 度 vrt 竖向翻转 hor 横向翻转
    $config[&#39;rotation_angle&#39;] = &#39;vrt&#39;;
    $this->image_lib->initialize($config);
    if(@$this->image_lib->rotate()){
      $this->image_lib->clear();
      return $config[&#39;new_image&#39;];
    }else{
      $this->image_lib->clear();
      return &#39;&#39;;
    }
}
/**
* 处理图像水印
*/
public function overlay($path,$imgpath){
    $this->load->library(&#39;image_lib&#39;);
    $newname = time().&#39;_over.jpg&#39;;
    //设置新图像名称
    $config[&#39;new_image&#39;] =$imgpath.$newname;
    //调用php gd库 绘图
    $config[&#39;image_library&#39;] = &#39;gd2&#39;;
    //源图像 本地地址
    $config[&#39;source_image&#39;] = $path;
    //覆盖文字
    $config[&#39;wm_text&#39;] = &#39;Copyright 2015 - Friker&#39;;
    //覆盖类型 文字/图像
    $config[&#39;wm_type&#39;] = &#39;text&#39;;
    //文字字体类型
    //$config[&#39;wm_font_path&#39;] = &#39;C:\Windows\Fonts\vrinda.ttf&#39;;
    //字体大小
    $config[&#39;wm_font_size&#39;] = &#39;16&#39;;
    //字体颜色
    $config[&#39;wm_font_color&#39;] = &#39;ff0000&#39;;
    //垂直方向距离顶端距离
    $config[&#39;wm_vrt_alignment&#39;] = &#39;20&#39;;
    //水平方向距离左端距离
    $config[&#39;wm_hor_alignment&#39;] = &#39;center&#39;;
    //padding
    $config[&#39;wm_padding&#39;] = &#39;20&#39;;
    $this->image_lib->initialize($config);
    if($this->image_lib->watermark()){
      $this->image_lib->clear();
      return $config[&#39;new_image&#39;];
    }else{
      $this->image_lib->clear();
      return &#39;&#39;;
    }
}
/**
*  处理图片上传
*  文件上传类 通过前台 上传文件
*/
public function uploadfile(){
    //文件上传部分
    // 处理文件
    // $data = &#39;&#39;;
    $this->load->helper(&#39;url&#39;);
    $formpic = key($_FILES);
    //文件处理部分
    if(false === empty($_FILES[$formpic][&#39;tmp_name&#39;])){
      //设置文件上传的路径
      $upload[&#39;upload_path&#39;] = "./public/img/";
      //限制文件上传的类型
      $upload[&#39;allowed_types&#39;] = &#39;jpeg|jpg|gif|png&#39;;
      //限制文件上传的大小
      $upload[&#39;max_size&#39;] = 2048;
      //设置文件上传的路径
      $upload[&#39;file_name&#39;] = date(&#39;YmdHis&#39;, time()).rand(10000, 99999);
      //加载文件上传配置信息
      $this->load->library(&#39;upload&#39;, $upload);
      //处理文件上传
      $this->upload->do_upload($formpic);
      //返回文件上传信息
      $image = $this->upload->data();
      /*
       &#39;file_name&#39; => string &#39;2015071702051718388.jpg&#39; (length=23)
       &#39;file_type&#39; => string &#39;image/jpeg&#39; (length=10)
       &#39;file_path&#39; => string &#39;E:/wamp/www/testci/public/img/&#39; (length=30)
       &#39;full_path&#39; => string &#39;E:/wamp/www/testci/public/img/2015071702051718388.jpg&#39; (length=53)
       &#39;raw_name&#39; => string &#39;2015071702051718388&#39; (length=19)
       &#39;orig_name&#39; => string &#39;2015071702051718388.jpg&#39; (length=23)
       &#39;client_name&#39; => string &#39;u=415761610,1548338330&fm=116&gp=0.jpg&#39; (length=38)
       &#39;file_ext&#39; => string &#39;.jpg&#39; (length=4)
       &#39;file_size&#39; => float 3.74
       &#39;is_image&#39; => boolean true
       &#39;image_width&#39; => int 146
       &#39;image_height&#39; => int 220
       &#39;image_type&#39; => string &#39;jpeg&#39; (length=4)
       &#39;image_size_str&#39; => string &#39;width="146" height="220"&#39; (length=24)
       */
      //var_dump($image);
      //返回文件上传名字
      $data = $image[&#39;file_name&#39;];
      $this->dealthumb($image[&#39;full_path&#39;]);
      $this->overlay($image[&#39;full_path&#39;],$image[&#39;file_path&#39;]);
      $this->transroate($image[&#39;full_path&#39;],$image[&#39;file_path&#39;]);//
      $thumbdata = &#39;&#39;;
      //生成缩略图名称
      $pos = strripos($image[&#39;file_name&#39;], ".");
      $newname = substr($image[&#39;file_name&#39;], 0,$pos)."_thumb".substr($image[&#39;file_name&#39;], $pos);
      if(file_exists($image[&#39;file_path&#39;].$newname)){
        $thumbdata = $newname;
      }
    }
    //$dirroot = $_SERVER[&#39;DOCUMENT_ROOT&#39;];
    //$this->dealthumb($dirroot."/public/img/".$data);
    //上传失败
    if(!$data){
      echo json_encode(array(&#39;status&#39;=>0,&#39;msg&#39;=>"上传失败！"));
    }else{
    //上传成功
      echo json_encode(array(
        &#39;name&#39;=>$data,
        &#39;pic&#39;=>base_url()."public/img/".$data,
        &#39;picthumb&#39;=>$thumbdata == &#39;&#39; ?$data:$thumbdata
        ));
    }
}

Salin selepas log masuk

下面是前端的基本html代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/public/stylesheets/bootstrap.min.css" />
<link rel="stylesheet" href="/public/stylesheets/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="/public/stylesheets/matrix-style.css" />
<link rel="stylesheet" href="/public/stylesheets/matrix-media.css" />
<script type="text/javascript" src="/public/javascripts/jquery.min.js"></script>
<script type="text/javascript" src="/public/javascripts/jquery.form.js"></script>
<script type="text/javascript" src="/public/javascripts/jquery.validate.js"></script>
<style type="text/css">
body{background:#eeeeee; margin:0px;}
</style>
</head>
<body>
<p class="control-group">
  <label class="control-label"> 分享logo： </label>
  <p class="controls">
     <input type="file" name="sharepic" id="sharepic"/>
     <input type="hidden" name="act_sharepic" value="" id="act_sharepic"/>(<sapn class="fred">最佳大小为 80 X 80 像素</sapn>)
     <p style="margin:20px 0;"><img src="/public/img/default.png" alt="" id="sharepic_img"></p>
  </p>
</p>
<script type="text/javascript">
$(function () {
  /*****************图片上传部分开始 *******************/
  var act = "<form class=&#39;myupload&#39; action=&#39;"+"<?php echo site_url(&#39;mytest/uploadfile&#39;);?>"+"&#39; method=&#39;post&#39; enctype=&#39;multipart/form-data&#39;></form>";
  $("#sharepic").change(function(){
    $(this).wrap(act);
    $(this).parent(".myupload").ajaxSubmit({
      dataType: &#39;json&#39;,
      success: function(data) {
        var src = data.pic;
        //更改预览图像地址
        $(&#39;#sharepic_img&#39;).attr("src",src);
        $(&#39;#act_sharepic&#39;).val(data.name);
        $(&#39;#sharepic&#39;).unwrap();
      },
      error:function(xhr){
        alert(JSON.parse(xhr));
      }
    });
  });
})
</script>
</body>
</html>

Salin selepas log masuk

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！