PHP&;Jquery图像裁剪和上传
当用户上传图片时,弹出窗口会出现,在上传完成后,他会在弹出窗口中裁剪图片。我想用php脚本上传到文件夹,但我想裁剪图像和裁剪图像的缩略图出现。裁剪完成后,他会点击上传按钮上传裁剪图像,然后创建缩略图并上传到文件夹 我尝试了许多插件,但找不到符合我要求的插件 我尝试的插件是PHP&;Jquery图像裁剪和上传,php,jquery,Php,Jquery,当用户上传图片时,弹出窗口会出现,在上传完成后,他会在弹出窗口中裁剪图片。我想用php脚本上传到文件夹,但我想裁剪图像和裁剪图像的缩略图出现。裁剪完成后,他会点击上传按钮上传裁剪图像,然后创建缩略图并上传到文件夹 我尝试了许多插件,但找不到符合我要求的插件 我尝试的插件是 任何帮助都将不胜感激这是一个简单的图像裁剪和替换教程 首先为“选择图像”创建视图文件 <!DOCTYPE html> <html lang="en"> <head> <scr
任何帮助都将不胜感激这是一个简单的图像裁剪和替换教程 首先为“选择图像”创建视图文件
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.Jcrop.js"></script>
<script type="text/javascript" src="js/cropsetup.js"></script>
</head>
<body>
<div id="wrapper">
<div class="jc-demo-box">
<img src="uploads/Chrysanthemum.jpg" id="target" alt="[Jcrop Example]" />
<div id="form-container">
<form id="cropimg" name="cropimg" method="post" action="crop.php" target="_blank">
<input type="hidden" id="x" name="x">
<input type="hidden" id="y" name="y">
<input type="hidden" id="w" name="w">
<input type="hidden" id="h" name="h">
<input type="hidden" id="image_name" name="image_name" value="uploads/Chrysanthemum.jpg">
<input type="submit" id="submit" value="Crop Image!">
</form>
</div>
</div>
</div>
</body>
</html>
然后创建图像裁剪php文件
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$targ_w =$_POST['w'];
$targ_h =$_POST['h'];
$jpeg_quality = 90;
if(!isset($_POST['x']) || !is_numeric($_POST['x'])) {
die('Please select a crop area.');
}
$src = $_POST['image_name'];
$system = explode(".", $src);
if (preg_match("/jpg|jpeg/", $system[1]))
{
$src_img=imagecreatefromjpeg($src);
}
if (preg_match("/png/", $system[1]))
{
$src_img = imagecreatefrompng($src);
}
if (preg_match("/gif/", $system[1]))
{
$src_img = imagecreatefromgif($src);
}
$dst_r = ImageCreateTrueColor($targ_w, $targ_h);
imagecopyresampled($dst_r,$src_img,0,0,$_POST['x'],$_POST['y'],
$targ_w,$targ_h,$_POST['w'],$_POST['h']);
if (preg_match("/png/", $system[1]))
{
imagepng($dst_r, $_POST['image_name']);
}
else if (preg_match("/gif/", $system[1]))
{
imagegif($dst_r, $_POST['image_name']);
}
else
{
imagejpeg($dst_r, $_POST['image_name']);
}
imagedestroy($dst_r);
imagedestroy($src_img);
exit;
}
?>
为什么您建议的Jcrop不能满足您的需求?我浏览了这个网站,找到了你需要的一切@Alvin Wong:用户必须首先选择图像,然后他应该能够裁剪,然后只有它被上传,我没有发现。如果你能找到,共享链接。不能裁剪javascript中的图像文件,必须在服务器上完成。图像必须先上传,然后才能插入浏览器。上传后,用户将设置大小,服务器将不得不根据位置和大小进行裁剪size@charlietfl:当你说“上传”时,它会被上传到一个文件夹或只是在浏览器中。@charlietfl:会有三张图片。原始图片,裁剪图片,然后是裁剪图片的缩略图。谢谢,我们如何访问“jquery.Jcrop.js”,“cropsetup.js”文件?@Samad。你可以从这个链接下载