Attention CakePHP 1.3 users, switch to 1.3 branch.
First download or checkout the code for the ImageEditor and for the PHPThumb. Put the PHPThumb folder inside ImageEditor/Vendor and put the ImageEditor in your app/Plugin directory. The directory structure should look like this:
/app
/Plugin
/ImageEditor
/Config
/Controllers
/Lib
/Vendor
/PHPThumb
/src
/View
If you're using git, these steps are easy to do like this:
$ cd /path/of/your/app/Plugin/
$ git clone git://github.com/markomarkovic/cakephp-plugin-image_editor.git ImageEditor
$ cd ImageEditor
$ git submodule init
$ git submodule update
####Load plugin
First you'll need to load the plugin from your /app/Config/bootstrap.php file:
...
// ImageEditor plugin
CakePlugin::load('ImageEditor', array('bootstrap' => true));
...
and also configure the ImageEditor options in /app/Plugin/ImageEditor/Config/bootstrap.php
Then, you'll need to add following code to your /app/webroot/.htaccess file:
<IfModule mod_rewrite.c>
RewriteEngine On
# Thumbnails
# If thumb is not found, we'll try to create it through the image_editor plugin
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^thumbs/(.*?)$ image_editor/images/show/?imageURL=$1 [QSA,L]
# Attention! ^^^^^^ this should be the same as ImageEditor.cacheDir configuration option.
# Don't forget to create this directory and make it writable.
### Cake default
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php?url=$1 [QSA,L]
</IfModule>
After that, you'll need to create and make writable the ImageEditor.cacheDir directory and you're ready to start using the plugin!
Add the ImageEditor.image to the $helpers you're using:
...
public $helpers = array('Html', 'ImageEditor.Image');
...
In your views, use the helper to generate IMG tag:
...
<?php echo $this->Image->show('/img/cake.icon.png', array('width' => 200, 'height' => 200, 'alt' => 'Upside down cake', 'url' => 'http://www.youtube.com/watch?v=FuA8K1mQWMc'), array('rotateImageNDegrees' => 180, 'adaptiveResize' => array(300, 300))); ?>
...
And that's it!
If the file is updated, you simply delete the folder with its thumbnails and they are going to be regenerated on next access.
The helper generates, using this code for example:
<?php echo $this->Image->show('/img/cake.icon.png', array('width' => 200, 'height' => 200, 'alt' => 'Upside down cake'), array('rotateImageNDegrees' => 120, 'adaptiveResize' => array(300, 300))); ?>
a IMG tag that looks like this:
<img src="http://example.com/thumbs/img/cake.icon.png/eyJyb3RhdGVJbWFnZU5EZWdyZWVzIjoxMjAsImFkYXB0aXZlUmVzaXplIjpbMzAwLDMwMF19.png" width="200" height="200" alt="Upside down cake" />
Because of the rules in the .htaccess file, if the file exists, web server is simply going to serve it so the image generation is not triggered. If it's not there, the plugin controller is called. The string eyJyb3RhdGVJbWFnZU5EZWdyZWVzIjoxMjAsImFkYXB0aXZlUmVzaXplIjpbMzAwLDMwMF19 is decoded to
stdClass Object
(
[rotateImageNDegrees] => 120
[adaptiveResize] => Array
(
[0] => 300
[1] => 300
)
)
and those actions with other parameters are passed to ImageEditor which generates the thumbnail, saves it to the target file and serves it.
Released under The MIT License
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent