PHP и JQuery Image crop и загрузка

Когда пользователь загружает картинку, должно появиться всплывающее окно, где он обрезает изображение, после того как это будет сделано. Я хочу использовать php-скрипт для загрузки этого файла в папку, но я хочу обрезать изображение и уменьшенное изображение обрезанного изображения. После того, как кадрирование завершено, он нажмет кнопку загрузки, которая загрузит обрезанное изображение, затем создаст эскиз и загрузит их к папкам.PHP и JQuery Image crop и загрузка

Я пробовал много плагинов, но не смог найти его для моего требования.

плагинов, которые я пытался это http://deepliquid.com/projects/Jcrop/demos.php

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-jquery-image-cropping-plug-in-from-scratch-part-ii/

Любая помощь будет оценена

источник

2012-06-21 Anonymous

Почему не Jcrop, что вы предложили соответствует вашим требованиям? Я просмотрел сайт и нашел все, что вам нужно. [Предварительный просмотр миниатюр] (http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail)/[Обрезка в PHP] (http://deepliquid.com/projects/Jcrop/demos.php?demo= live_crop) –

@ Алвин Вонг: Пользователь должен сначала выбрать изображение, затем он должен уметь обрезать, тогда только он должен быть загружен, я не нахожу его там. Если вы можете найти, поделитесь ссылкой. –

не может обрезать файл изображения в javascript, это необходимо сделать на сервере. Сначала изображение загружается, прежде чем оно может быть вставлено в браузере. После загрузки пользователь установит размер, и серверу придется обрезать до размера в зависимости от позиции и размера. – charlietfl

Это простой учебник для посева изображений и заменить Сначала нужно создать файл представления для выбора изображение

<!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; 
    } 

    ?>

источник

2014-05-21 15:10:49

PHP и JQuery Image crop и загрузка

ответ

Смежные вопросы