PHP 裁切问题，求大神指点指点，弄了一天了.

程序员文章站 2022-05-18 13:47:02

...

我前端用JCROP获取到x、y坐标、宽度、高度，传递到 uphoto.php处理，现在一切正常，但是如果前端用户选择的图片宽度过大（我用css样式控制用户选择的图片最大宽度为680px），裁切出来的就不正常了...我查阅了一些资料，说是需要按比例换算，但是是按什么比例换算啊，用户选择的图片的宽度（大于680px时）和680换算么？

这是 uphoto.php:

$x1 = $_POST["x1"];$x2 = $_POST["x2"];$y1 = $_POST["y1"];$y2 = $_POST["y2"];$targ_w = $_POST["w"];$targ_h = $_POST["h"];if ($_FILES["mfile"]["error"]){echo "error: " . $_FILES["file"]["error"];}if (!empty($_FILES["mfile"]["name"])){ //提取文件域内容名称，并判断$path = "/upload/user/photo/"; //上传路径//检查是否有该文件夹，如果没有就创建，并给予最高权限//if(!file_exists($path)){mkdir("$path", 0700);}//允许上传的文件格式$allow_type = array("image/gif","image/pjpeg","image/jpeg","image/png");//检查上传文件是否在允许上传的类型if(!in_array($_FILES["mfile"]["type"], $allow_type)){echo "error:格式有误,仅支持gif/jpg/png"; exit();}//检测图片大小if($_FILES["mfile"]["size"] > 5*1024*1024){echo "error:文件不得超过5M"; exit();}$filetype = $_FILES["mfile"]["type"];if($filetype == "image/jpeg"){$img_type = ".jpg";}if ($filetype == "image/jpg") {$img_type = ".jpg";}if ($filetype == "image/pjpeg") {$img_type = ".jpg";}if($filetype == "image/gif"){$img_type = ".gif";}if($filetype == "image/png"){$img_type = ".png";}if($_FILES["mfile"]["name"]){$randstr = random_str().date("YmdHis"); //获取时间并赋值给变量$saveto = $_SERVER['DOCUMENT_ROOT'].$path.$randstr.$img_type; //图片的完整路径$newimg = $randstr.$img_type; //图片名称$flag=1;}//END IFif ($flag){$result = move_uploaded_file($_FILES["mfile"]["tmp_name"], $saveto);}//特别注意这里传递给move_uploaded_file的第一个参数为上传到服务器上的临时文件$src_file = $saveto;}}$type = exif_imagetype($src_file);$support_type = array(IMAGETYPE_JPEG , IMAGETYPE_PNG , IMAGETYPE_GIF);if(!in_array($type, $support_type, true)){echo "error:当前图片格式非JPG/PNG/GIF";exit();}//Load imageswitch($type) {case IMAGETYPE_JPEG :$src_img = imagecreatefromjpeg($src_file);break;case IMAGETYPE_PNG :$src_img = imagecreatefrompng($src_file);break;case IMAGETYPE_GIF :$src_img = imagecreatefromgif($src_file);break;default:echo "Load image error!";exit();}$dst_r = ImageCreateTrueColor($targ_w, $targ_h);list($width_orig, $height_orig) = getimagesize($src_file);//if ($width_orig > 680){//$new_width_orig = 680;//$new_height_orig = ($height_orig*680)/$width_orig;//}//else {//$new_width_orig = $targ_w;//$new_height_orig = $targ_h;//}//echo $new_width_orig."
";//echo $new_height_orig."
";//echo "x:".$x1."
";//echo "y:".$y1;//exit();imagecopyresampled($dst_r, $src_img, 0, 0, $x1, $y1, $targ_w, $targ_h, $targ_w, $targ_h);//imagecopyresampled($dst_r, $src_img, 0, 0, $x1, $y1, $targ_w, $targ_h, $targ_w, $targ_h);switch($type) {case IMAGETYPE_JPEG :header('Content-type: image/jpeg');imagejpeg($dst_r, null, 100);break;case IMAGETYPE_PNG :header('Content-type: image/png');imagepng($dst_r, null, 100);break;case IMAGETYPE_GIF :header('Content-type: image/gif');imagegif($dst_r, null, 100);break;default:break;}echo "";exit;

求大神指点指点

回复讨论(解决方案)

用css样式控制用户选择的图片最大宽度为680px
就表示用户看到的是经过动态缩放的副本
那么你在传递裁剪区域坐标的时候，还需传递图片的原始尺寸
换算一下就可以了
X= x/680*图片宽

谢谢啊，按你那样换算了还是不正常..

list($width_orig, $height_orig) = getimagesize($src_file);
if ($width_orig > 680){
$nx = $x1/680 * $width_orig;
}
else {
$nx = $x1;
}

imagecopyresampled($dst_r, $src_img, 0, 0, $nx, $y1, $targ_w, $targ_h, $targ_w, $targ_h);

你 y 方向没有计算

list($width_orig, $height_orig) = getimagesize($src_file);
if ($width_orig > 680){
$nx = $x1/680 * $width_orig;
$new_height = $height_orig*680/$width_orig;
$ny = $y1/$new_height * $height_orig;
}
else {
$nx = $x1;
$ny = $y1;
}
imagecopyresampled($dst_r, $src_img, 0, 0, $nx, $ny, $targ_w, $targ_h, $targ_w, $targ_h);

这样计算么，也还是不行..

$targ_w, $targ_h 这两个是裁切的宽度和高度会不会跟这两个有关呢？

可以参考一下我之前写的裁剪。因为你是要裁剪，所以宽和高有一个是和裁剪后的尺寸的宽和高一样，另一边会>=裁剪后的。
http://blog.csdn.net/fdipzone/article/details/9316385

    /** 获取目标图生成的size     * @return Array $width, $height     */      private function get_size(){          list($owidth, $oheight) = getimagesize($this->_source);          $width = (int)($this->_width);          $height = (int)($this->_height);                    switch($this->_type){              case 'fit':                  $pic_w = $width;                  $pic_h = (int)($pic_w*$oheight/$owidth);                  if($pic_h>$height){                      $pic_h = $height;                      $pic_w = (int)($pic_h*$owidth/$oheight);                  }                  break;              case 'crop':                  $pic_w = $width;                  $pic_h = (int)($pic_w*$oheight/$owidth);                  if($pic_h    
   可以参考一下我之前写的裁剪。因为你是要裁剪，所以宽和高有一个是和裁剪后的尺寸的宽和高一样，另一边会>=裁剪后的。   
   http://blog.csdn.net/fdipzone/article/details/9316385   

    /** 获取目标图生成的size     * @return Array $width, $height     */      private function get_size(){          list($owidth, $oheight) = getimagesize($this->_source);          $width = (int)($this->_width);          $height = (int)($this->_height);                    switch($this->_type){              case 'fit':                  $pic_w = $width;                  $pic_h = (int)($pic_w*$oheight/$owidth);                  if($pic_h>$height){                      $pic_h = $height;                      $pic_w = (int)($pic_h*$owidth/$oheight);                  }                  break;              case 'crop':                  $pic_w = $width;                  $pic_h = (int)($pic_w*$oheight/$owidth);                  if($pic_h    

 谢谢啊 ， 按你那样调整了，还是不正常的额：  

 list($width_orig, $height_orig) = getimagesize($src_file);  
 $pic_w = $targ_w;    
 $pic_h = (int)($pic_w*$height_orig/$width_orig);    
 if($pic_h  $pic_h = $targ_h;    
 $pic_w = (int)($pic_h*$width_orig/$height_orig);    
 }  
 imagecopyresampled($dst_r, $src_img, 0, 0, $x1, $y1, $targ_w, $targ_h, $pic_w, $pic_h);  

 我现在是想把宽度680的图片裁切成宽度680px，然后在裁切...    宽度大于680的图片裁切成宽度680px  
 由  图片宽 / 图片高 = 680 / h  
 得 h = 680 / 图片宽 * 图片高  
 即  
 $targ_h = 680 / $pic_w * $pic_h;  
 $targ_w = 680;  
   
   宽度大于680的图片裁切成宽度680px   
 由  图片宽 / 图片高 = 680 / h   
 得 h = 680 / 图片宽 * 图片高   
 即   
 $targ_h = 680 / $pic_w * $pic_h;   
 $targ_w = 680;   
  

 谢谢啊，我现在通过将用户选择的图片若超过680px就裁切成宽度680px（高度通过你那样的算法算的），然后再裁切成头像，测试是正常的，但还有几个细节我有点不明白，下面是源码：  


$x1 = $_POST["x1"];$x2 = $_POST["x2"];$y1 = $_POST["y1"];$y2 = $_POST["y2"];$targ_w = $_POST["w"];$targ_h = $_POST["h"];if ($_FILES["mfile"]["error"]){echo "error: " . $_FILES["file"]["error"];}if (!empty($_FILES["mfile"]["name"])){ //提取文件域内容名称，并判断$path = "/upload/user/photo/"; //上传路径//检查是否有该文件夹，如果没有就创建，并给予最高权限//if(!file_exists($path)){mkdir("$path", 0700);}//允许上传的文件格式$allow_type = array("image/gif","image/pjpeg","image/jpeg","image/png");//检查上传文件是否在允许上传的类型if(!in_array($_FILES["mfile"]["type"], $allow_type)){echo "error:格式有误,仅支持gif/jpg/png"; exit();}//检测图片大小if($_FILES["mfile"]["size"] > 5*1024*1024){echo "error:文件不得超过5M"; exit();}$filetype = $_FILES["mfile"]["type"];if($filetype == "image/jpeg"){$img_type = ".jpg";}if ($filetype == "image/jpg") {$img_type = ".jpg";}if ($filetype == "image/pjpeg") {$img_type = ".jpg";}if($filetype == "image/gif"){$img_type = ".gif";}if($filetype == "image/png"){$img_type = ".png";}if($_FILES["mfile"]["name"]){$randstr = random_str().date("YmdHis"); //获取时间并赋值给变量$saveto = $_SERVER['DOCUMENT_ROOT'].$path.$randstr.$img_type; //图片的完整路径$newimg = $randstr.$img_type; //图片名称$flag=1;}//END IFif ($flag){$result = move_uploaded_file($_FILES["mfile"]["tmp_name"], $saveto);}//特别注意这里传递给move_uploaded_file的第一个参数为上传到服务器上的临时文件$src_file = $saveto;}}list($width_orig, $height_orig) = getimagesize($src_file);if ($width_orig > 680){$tmp_type = exif_imagetype($src_file);switch($tmp_type) {case IMAGETYPE_JPEG :$tmp_src_img = imagecreatefromjpeg($src_file);break;case IMAGETYPE_PNG :$tmp_src_img = imagecreatefrompng($src_file);break;case IMAGETYPE_GIF :$tmp_src_img = imagecreatefromgif($src_file);break;default:echo "Load image error!";exit();}$ntmp_width = 680;$ntmp_height = $height_orig*$ntmp_width/$width_orig;$ntmp_imgr = ImageCreateTrueColor($ntmp_width, $ntmp_height);imagecopyresampled($ntmp_imgr, $tmp_src_img, 0, 0, 0, 0, $ntmp_width, $ntmp_height, $width_orig, $height_orig);switch($tmp_type) {case IMAGETYPE_JPEG :header('Content-type: image/jpeg');imagejpeg($ntmp_imgr, $_SERVER['DOCUMENT_ROOT'].$path.$randstr.$img_type, 100);break;case IMAGETYPE_PNG :header('Content-type: image/png');imagepng($ntmp_imgr, $_SERVER['DOCUMENT_ROOT'].$path.$randstr.$img_type, 100);break;case IMAGETYPE_GIF :header('Content-type: image/gif');imagegif($ntmp_imgr, $_SERVER['DOCUMENT_ROOT'].$path.$randstr.$img_type, 100);break;default:break;}$src_file = $_SERVER['DOCUMENT_ROOT'].$path.$randstr.$img_type;}$type = exif_imagetype($src_file);switch($type) {case IMAGETYPE_JPEG :$src_img = imagecreatefromjpeg($src_file);break;case IMAGETYPE_PNG :$src_img = imagecreatefrompng($src_file);break;case IMAGETYPE_GIF :$src_img = imagecreatefromgif($src_file);break;default:echo "Load image error!";exit();}$dst_r = ImageCreateTrueColor($targ_w, $targ_h);imagecopyresampled($dst_r, $src_img, 0, 0, $x1, $y1, $targ_w, $targ_h, $targ_w, $targ_h);switch($type) {case IMAGETYPE_JPEG :header('Content-type: image/jpeg');imagejpeg($dst_r, null, 100);break;case IMAGETYPE_PNG :header('Content-type: image/png');imagepng($dst_r, null, 100);break;case IMAGETYPE_GIF :header('Content-type: image/gif');imagegif($dst_r, null, 100);break;default:break;}echo "";exit;
  

 其中那个红色部分，我如果换成上传的图片的宽度和高度（$width_orig,$height_orig），就会不正常...  
 按我现在这样的方式，有没办法优化下？  
 我看好多使用裁切之后 都会 imagedestory() 这个是删除图片流，而不是原图吧？    图片的宽、高 应通过 imagesx($src_img)、imagesy($src_img) 取得，传入的可能不正确  
  imagedestory() 是释放资源，比如  imagedestory($src_img)  
 不写也可以，php 会替你释放的  
   
   图片的宽、高 应通过 imagesx($src_img)、imagesy($src_img) 取得，传入的可能不正确   
  imagedestory() 是释放资源，比如  imagedestory($src_img)   
 不写也可以，php 会替你释放的   
  

 谢谢啊 我现在想把裁切好的图片保存到数据库中，却出现 图像 ... 因存在错误而无法显示。  

 这是代码：  

 $dst_r = ImageCreateTrueColor($targ_w, $targ_h);  
 imagecopyresampled($dst_r, $src_img, 0, 0, $x1, $y1, $targ_w, $targ_h, $targ_w, $targ_h);  

 $mphoto = $path.$uid.$randstr.$img_type;  
 $mphoto_save = $_SERVER['DOCUMENT_ROOT'].$mphoto;  
 //echo $mphoto_save;  
 //exit();  
 switch($type) {  
 case IMAGETYPE_JPEG :  
 header('Content-type: image/jpeg');  
 imagejpeg($dst_r, $mphoto_save, 100);  
 break;  
 case IMAGETYPE_PNG :  
 header('Content-type: image/png');  
 imagepng($dst_r, $mphoto_save, 100);  
 break;  
 case IMAGETYPE_GIF :  
 header('Content-type: image/gif');  
 imagegif($dst_r, $mphoto_save, 100);  
 break;  
 default:  
 break;  
 }  

 //echo "";  
 //exit();  

 imagedestory($dst_r);   
 imagedestory($src_img);  



 if (!mysqli_query($conn, "update dh_member set photo='". $mphoto ."' where id=". $uid ."")){die(mysqli_error($conn));}  
 echo "

";
exit();

是怎么回事啊，我都没有输出图片啊..

假定 $dst_r 是 image 资源
imagegif($dst_r); 就是输出图片数据流
imagegif($dst_r, '图片文件名'); 就是保存到文件

数据库保存图片文件名即可
如果数据库要保存图片数据，则应用合适的 blob 类型字段
数据从图片文件读取或拦截php的输出
用 bin2hex 函数转换成字符串，在前面加 ‘0x'

谢谢啊，怎么做到让它不输出图片流呢（输出图片流为的就是保存成新文件名），直接保存到文件夹，然后更新数据库呢？

相关标签： PHP 裁切问题，求大神指点指点，弄了一天了.

上一篇： axios拦截器

下一篇： Div+Css(1)_html/css_WEB-ITnose

PHP 裁切问题，求大神指点指点，弄了一天了.

回复讨论(解决方案)

PHP 裁切有关问题，求大神指点指点，弄了一天了.