js2/mwEmbed/libClipEdit/Jcrop/demos/crop.php

   1 <?php
   2
   3 /**
   4  * Jcrop image cropping plugin for jQuery
   5  * Example cropping script
   6  * @copyright 2008 Kelly Hallman
   7  * More info: http://deepliquid.com/content/Jcrop_Implementation_Theory.html
   8  */
   9
  10 if ($_SERVER['REQUEST_METHOD'] == 'POST')
  11 {
  12         $targ_w = $targ_h = 150;
  13         $jpeg_quality = 90;
  14
  15         $src = 'demo_files/flowers.jpg';
  16         $img_r = imagecreatefromjpeg($src);
  17         $dst_r = ImageCreateTrueColor( $targ_w, $targ_h );
  18
  19         imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
  20         $targ_w,$targ_h,$_POST['w'],$_POST['h']);
  21
  22         header('Content-type: image/jpeg');
  23         imagejpeg($dst_r,null,$jpeg_quality);
  24
  25         exit;
  26 }
  27
  28 // If not a POST request, display page below:
  29
  30 ?><html>
  31         <head>
  32
  33                 <script src="../js/jquery.pack.js"></script>
  34                 <script src="../js/jquery.Jcrop.pack.js"></script>
  35                 <link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
  36                 <link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
  37
  38                 <script language="Javascript">
  39
  40                         $(function(){
  41
  42                                 $('#cropbox').Jcrop({
  43                                         aspectRatio: 1,
  44                                         onSelect: updateCoords
  45                                 });
  46
  47                         });
  48
  49                         function updateCoords(c)
  50                         {
  51                                 $('#x').val(c.x);
  52                                 $('#y').val(c.y);
  53                                 $('#w').val(c.w);
  54                                 $('#h').val(c.h);
  55                         };
  56
  57                         function checkCoords()
  58                         {
  59                                 if (parseInt($('#w').val())) return true;
  60                                 alert('Please select a crop region then press submit.');
  61                                 return false;
  62                         };
  63
  64                 </script>
  65
  66         </head>
  67
  68         <body>
  69
  70         <div id="outer">
  71         <div class="jcExample">
  72         <div class="article">
  73
  74                 <h1>Jcrop - Crop Behavior</h1>
  75
  76                 <!-- This is the image we're attaching Jcrop to -->
  77                 <img src="demo_files/flowers.jpg" id="cropbox" />
  78
  79                 <!-- This is the form that our event handler fills -->
  80                 <form action="crop.php" method="post" onsubmit="return checkCoords();">
  81                         <input type="hidden" id="x" name="x" />
  82                         <input type="hidden" id="y" name="y" />
  83                         <input type="hidden" id="w" name="w" />
  84                         <input type="hidden" id="h" name="h" />
  85                         <input type="submit" value="Crop Image" />
  86                 </form>
  87
  88                 <p>
  89                         <b>An example server-side crop script.</b> Hidden form values
  90                         are set when a selection is made. If you press the <i>Crop Image</i>
  91                         button, the form will be submitted and a 150x150 thumbnail will be
  92                         dumped to the browser. Try it!
  93                 </p>
  94
  95                 <div id="dl_links">
  96                         <a href="http://deepliquid.com/content/Jcrop.html">Jcrop Home</a> |
  97                         <a href="http://deepliquid.com/content/Jcrop_Manual.html">Manual (Docs)</a>
  98                 </div>
  99
 100
 101         </div>
 102         </div>
 103         </div>
 104         </body>
 105
 106 </html>