PHP& jQuery的图像裁剪和上传 [英] PHP & Jquery Image crop and upload
问题描述
当用户上传图片时,完成此操作后,应该会弹出一个窗口,供用户裁剪图像.我想使用php脚本将其上传到文件夹,但是我想显示裁剪图像和裁剪图像的缩略图.裁剪完成后,他将单击上传"按钮,该按钮将上传裁剪图像,然后为其创建缩略图并上传它们到文件夹.
When a user uploads a picture, pop up window should come, where he'll crop the image, after this is done. I want to use php script to upload this to folder but i want cropped image and thumbnail of cropped image to be present.After cropping is done,then he'll click upload button which will upload cropped image then create thumbnail of it and upload them to a folders.
我尝试了许多插件,但找不到符合我要求的插件.
I tried many plug-ins but could not find one for my requirement.
我尝试过的插件是 http://deepliquid.com/projects/Jcrop/demos .php
任何帮助将不胜感激
推荐答案
这是用于图像裁剪和替换的简单教程 首先创建用于选择图像的视图文件
This is simple tutorial for image crop and replace First create view file for select image
<!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文件
then create image crop php file
<?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;
}
?>
这篇关于PHP& jQuery的图像裁剪和上传的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!