Thinkphp 图像处理GD库结合jcrop插件总结

最新推荐文章于 2021-05-25 14:24:35 发布

原创最新推荐文章于 2021-05-25 14:24:35 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#thinkphp #图像处理 #library #库

Thinkphp3.2 专栏收录该内容

8 篇文章

订阅专栏

这篇博客总结了Thinkphp中如何结合GD库进行图像处理，详细介绍了GD库在Thinkphp框架内的应用，包括在Image.class.php文件中的类库使用以及前端和后台的方法调用示例。

Thinkphp 图像处理使用的是GD库和imagick库，默认使用GD库，imagick怎么使用我还不知道。

所以本章说明的是GD库怎么用

GD库的类库文件在\ThinkPHP\Library\Think\Image.class.php文件

前端代码如下

   <img id="imghead" border=0 src='__PUBLIC__/default/images/meinv.jpg' />
<form action="__URL__/imgjc" method="post" onsubmit="return checkCoords();">
 	<input type="text" id="x" name="x" hidden />
 	<input type="text" id="y" name="y" hidden />
 	<input type="text" id="w" name="w" hidden />
 	<input type="text" id="h" name="h" hidden />
    <input type="text" name="imgurl" id="imgurl"  />
 	<input type="submit" value="提交">
</form>

JS代码如下

<script language="Javascript">
jQuery(function(){
 jQuery('#imghead').Jcrop({
 aspectRatio: 1,
 onSelect: updateCoords, //选中区域时执行对应的回调函数
 onChange: updateCoords, //选择区域变化时执行对应的回调函数
      bgFade:     true,
      bgOpacity: .2,
      setSelect: [ 60, 70, 540, 330 ],
	  minSize:[200,200],
 });
});
function updateCoords(c)
{
 jQuery('#x').val(c.x); //选中区域左上角横
 jQuery('#y').val(c.y); //选中区域左上角纵坐标
 //jQuery("#x2").val(c.x2); //选中区域右下角横坐标
 //jQuery("#y2").val(c.y2); //选中区域右下角纵坐标
 jQuery('#w').val(c.w); //选中区域的宽度
 jQuery('#h').val(c.h); //选中区域的高度
};
function checkCoords()
{
 if (parseInt(jQuery('#w').val())>0) return true;
 alert('请选择需要裁切的图片区域.');
 return false;
};
jQuery('doucment').ready(function(e) {
	var t=jQuery('#imghead').attr('src');
	jQuery('#imgurl').val(t);
});

</script>

CSS代码

<style type="text/css">
#preview{width:100px;height:100px;border:1px solid #000;overflow:hidden;}
#imghead{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}
</style>

使用的时候在后台方法如下

  public function imgjc(){
		   $image = new \Think\Image(); 
		   $imgurl=substr(I('post.imgurl',''),1);//去掉URL第一个/
		   $imgtype=substr(I('post.imgurl',''),-3);//取得图片类型
		   $image->open($imgurl);
		   $imgname=uniqid();
		   
		  				
		   $img_url=('post.');
		   $img_x=I('post.x','');
		   $img_y=I('post.y','');
		   $img_w=I('post.w','');
		   $img_h=I('post.h','');
		   
		   
		   $re=$image->crop($img_w, $img_h,$img_x,$img_y)->save('./'.$imgname.'.'.$imgtype);
		   var_dump($imgtype);
		   }

该方法会在www根目录生成一个裁切的图像文件