当前位置:Gxlcms > PHP教程 > PHP结合JQueryJcrop实现头像图片裁切实例代码

PHP结合JQueryJcrop实现头像图片裁切实例代码

时间:2021-07-01 10:21:17 帮助过:57人阅读

看到一些网站上有图片剪切的功能,觉得挺炫,后来找了一款专用于图片裁切的插件,jquery.Jcrop.min.js,用这个插件可以方便的实现这个功能,使用时鼠标在图片上圈选出选区,即可把图片裁切成所选部分,非常适合用于头像的裁切编辑功能。前端UI分享

演示分为HTML和php两部分:

第一部分,HTML代码:

.代码

  1. Jcrop实现图片裁剪

第二部分:PHP处理部分:jquery分享

.代码

  1. if ($_SERVER['REQUEST_METHOD'] == 'POST')
  2. {
  3. $targ_w = $targ_h = 150;
  4. $jpeg_quality = 90;
  5. $src = 'https://www.gxlcms.com/image/b4.jpg';
  6. $img_r = imagecreatefromjpeg($src);
  7. $dst_r = ImageCreateTrueColor( $targ_w, $targ_h );
  8. imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
  9. $targ_w,$targ_h,$_POST['w'],$_POST['h']);
  10. header('Content-type: image/jpeg');
  11. imagejpeg($dst_r,null,$jpeg_quality);
  12. exit;
  13. }
  14. ?>

请将上述两部分代码分别另存为两个文件,文件名自拟。

人气教程排行