Integration of gumlet/php-image-resize and cropperjs to Nette Froms
<?php
namespace App\Model\Components\UserForm;
use Gumlet\ImageResize;
use MS\Entity\UserEntity;
use MS\Forms\BaseForm;
class UserForm extends BaseForm {
public $id;
/** Your constructor etc... */
public function defineForm() {
$this->addImage('profile_picture','Zvolte obrázek',$this->imageService->getRealPathsFromId($user->profile_picture)->low)
->setSize(500,500)
->setScaleMode(1,1)
->ignoreAscpectRatioWhileValidate() ->setThumbnailRatio(0.3)
->setLabel('ss');
$this->addSubmit('submit');
}
public function save($values) {
/** @var UserEntity $user */
$user = $this->userMapper->loadEntityById($this->id);
/** Other stuff */
//Check if picture is ok
if($values->profile_picture instanceof ImageResize) {
//Save picture
//$values->profile_picture is [gumlet/php-image-resize] see library for more info
$user->profile_picture = $this->imageService->saveProfilePicture($values->profile_picture);
} //Do other stuff like updateing database
$this->userMapper->updateEntity($user);
}}You need to add javascript file to your app
<link rel="stylesheet" href="https://github.com/AliAmjid/img-cropper/blob/master/cropper.min.all.js">
File path is img-cropper/dist/cropper.min.all.js
You also need bootstrap and jQuery.
I recommend to also add this to your BaseForm
protected function addImage($name, $label ='',$value = '') {
return $this[$name] = (new ImageControl($value,$label));
}Now you are ready to use
$this->addImage();its possible to use it just with normal php. Look at example.php
