Maison > Article > développement back-end > PHP 裁切问题，求大神指点指点，弄了一天了.
PHP 裁切问题，求大神指点指点，弄了一天了.
- WBOYoriginal
- 2016-06-23 13:33:23905parcourir
我前端用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."<br />";//echo $new_height_orig."<br />";//echo "x:".$x1."<br />";//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 "<img src='". $dst_r ."' / alt="PHP 裁切问题，求大神指点指点，弄了一天了." >";exit; 求大神指点指点
回复讨论(解决方案)
用css样式控制用户选择的图片最大宽度为680px
就表示用户看到的是经过动态缩放的副本
那么你在传递裁剪区域坐标的时候，还需传递图片的原始尺寸
换算一下就可以了
X= x/680*图片宽
用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<$height){ $pic_h = $height; $pic_w = (int)($pic_h*$owidth/$oheight); } break; } return array($pic_w, $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<$height){ $pic_h = $height; $pic_w = (int)($pic_h*$owidth/$oheight); } break; } return array($pic_w, $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 "<img src='". $dst_r ."' / alt="PHP 裁切问题，求大神指点指点，弄了一天了." >";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 " <script>document.back_form.submit();</script>";
exit();
是怎么回事啊，我都没有输出图片啊..
假定 $dst_r 是 image 资源
imagegif($dst_r); 就是输出图片数据流
imagegif($dst_r, '图片文件名'); 就是保存到文件
数据库保存图片文件名即可
如果数据库要保存图片数据，则应用合适的 blob 类型字段
数据从 图片文件 读取或拦截php的输出
用 bin2hex 函数转换成字符串，在前面加 ‘0x'
假定 $dst_r 是 image 资源
imagegif($dst_r); 就是输出图片数据流
imagegif($dst_r, '图片文件名'); 就是保存到文件
数据库保存图片文件名即可
如果数据库要保存图片数据，则应用合适的 blob 类型字段
数据从 图片文件 读取或拦截php的输出
用 bin2hex 函数转换成字符串，在前面加 ‘0x'
谢谢啊，怎么做到让它不输出图片流呢（输出图片流为的就是保存成新文件名），直接保存到文件夹，然后更新数据库呢？
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：php中会话机制相关问题Article suivant：python实现了字符串的按位异或和php中的strpad函数
Articles Liés
Voir plus- Comment utiliser cURL pour implémenter les requêtes Get et Post en PHP
- Comment utiliser cURL pour implémenter les requêtes Get et Post en PHP
- Comment utiliser cURL pour implémenter les requêtes Get et Post en PHP
- Comment utiliser cURL pour implémenter les requêtes Get et Post en PHP
- Tous les symboles d'expression dans les expressions régulières (résumé)