Resizing image

Author: tsawler

src/controllers/CropController.php

@@ -51,4 +51,5 @@ public function getCropimage()
         $thumb_img->fit(200, 200)
             ->save(base_path() . "/" . Config::get('lfm.images_dir') . $dir . "/thumbs/" . basename($img));
     }
-}
+
+}

src/controllers/ScaleController.php src/controllers/ResizeController.phpsrc/controllers/ScaleController.php renamed to src/controllers/ResizeController.php

@@ -10,14 +10,14 @@
  * Class ScaleController
  * @package Tsawler\Laravelfilemanager\controllers
  */
-class ScaleController extends Controller {
+class ResizeController extends Controller {
 
     /**
      * Dipsplay image for resizing
      *
      * @return mixed
      */
-    public function getScale()
+    public function getResize()
     {
         $ratio = 1.0;
         $image = Input::get('img');
@@ -48,7 +48,7 @@ public function getScale()
             $scaled = true;
         }
 
-        return View::make('laravel-filemanager::scale')
+        return View::make('laravel-filemanager::resize')
             ->with('img', Config::get('lfm.images_url') . $dir . "/" . $image)
             ->with('dir', $dir)
             ->with('image', $image)
@@ -59,4 +59,27 @@ public function getScale()
             ->with('scaled', $scaled)
             ->with('ratio', $ratio);
     }
+
+
+    public function performResize()
+    {
+        $img = Input::get('img');
+        $dir = Input::get('dir');
+        $dataX = Input::get('dataX');
+        $dataY= Input::get('dataY');
+        $height = Input::get('dataHeight');
+        $width = Input::get('dataWidth');
+
+        try
+        {
+            Image::make(public_path() . $img)->resize($width, $height)->save();
+            return "OK";
+        } catch (Exception $e)
+        {
+            return "width : " . $width . " height: " . $height;
+            return $e;
+        }
+
+    }
+
 }

src/routes.php

@@ -28,7 +28,8 @@
 Route::get('/laravel-filemanager/rename', 'Tsawler\Laravelfilemanager\controllers\RenameController@getRename');
 
 // scale/resize
-Route::get('/laravel-filemanager/scale', 'Tsawler\Laravelfilemanager\controllers\ScaleController@getScale');
+Route::get('/laravel-filemanager/resize', 'Tsawler\Laravelfilemanager\controllers\ResizeController@getResize');
+Route::get('/laravel-filemanager/doresize', 'Tsawler\Laravelfilemanager\controllers\ResizeController@performResize');
 
 // download
 Route::get('/laravel-filemanager/download', 'Tsawler\Laravelfilemanager\controllers\DownloadController@getDownload');

src/views/images.blade.php

@@ -59,7 +59,7 @@ class="btn btn-default btn-xs">
                                 <li><a href="javascript:download('{!! basename($file) !!}')">Download</a></li>
                                 <li class="divider"></li>
                                 <li><a href="javascript:notImp()">Rotate</a></li>
-                                <li><a href="javascript:scaleImage('{!! basename($file) !!}')">Scale</a></li>
+                                <li><a href="javascript:resizeImage('{!! basename($file) !!}')">Resize</a></li>
                                 <li><a href="javascript:cropImage('{!! basename($file) !!}')">Crop</a></li>
                                 <li class="divider"></li>
                                 <li><a href="javascript:trash('{!! basename($file) !!}')">Delete</a></li>

src/views/index.blade.php

@@ -99,7 +99,7 @@ class="fa fa-list"></i> List</a>
                     {!! Form::label('file_to_upload', 'Choose File', array('class' => 'control-label')); !!}
                     <div class="controls">
                         <div class="input-group" style="width: 100%">
-                            <input type="file" name="file_to_upload">
+                            <input type="file" id="file_to_upload" name="file_to_upload">
                         </div>
                     </div>
                 </div>
@@ -172,6 +172,7 @@ function showResponse(responseText, statusText, xhr, $form)  {
             if (responseText != "OK"){
                 notify(responseText);
             }
+            $("#file_to_upload").val('');
             loadImages();
         }
 
@@ -390,11 +391,11 @@ function notify(x) {
         bootbox.alert(x);
     }
 
-    function scaleImage(x) {
+    function resizeImage(x) {
         $.ajax({
             type: "GET",
             dataType: "text",
-            url: "/laravel-filemanager/scale",
+            url: "/laravel-filemanager/resize",
             data: "img="
             + x
             + "&dir=" + $("#working_dir").val(),

src/views/scale.blade.php src/views/resize.blade.phpsrc/views/scale.blade.php renamed to src/views/resize.blade.php

@@ -39,7 +39,7 @@
                 </tbody>
             </table>
 
-            <button class="btn btn-primary" onclick="doScale()">Scale</button>
+            <button class="btn btn-primary" onclick="doResize()">Resize</button>
             <button class="btn btn-info" onclick="loadImages()">Cancel</button>
 
             <input type="hidden" name="ratio" value="{!! $ratio !!}"><br>
@@ -70,25 +70,27 @@
         });
     });
 
-    function performScale() {
+    function doResize() {
 
         $.ajax({
             type: "GET",
             dataType: "text",
-            url: "/laravel-filemanager/cropimage",
+            url: "/laravel-filemanager/doresize",
             data: {
-                img: $("#img").val(),
+                img: '{!! $img !!}',
                 dir: $("#dir").val(),
                 dataX: $("#dataX").val(),
                 dataY: $("#dataY").val(),
-                dataHeight: $("#dataHeight").val(),
-                dataWidth: $("#dataWidth").val()
+                dataHeight: $("#height").val(),
+                dataWidth: $("#width").val()
             },
             cache: false
         }).done(function (data) {
-            loadImages();
+            if (data == "OK") {
+                loadImages();
+            } else {
+                notify(data);
+            }
         });
-
-        //$("#cropForm").submit();
     }
 </script>