PHPackages                             ereminmdev/yii2-cropimageupload - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. ereminmdev/yii2-cropimageupload

ActiveYii2-extension[Image & Media](/categories/media)

ereminmdev/yii2-cropimageupload
===============================

Crop image upload for Yii framework.

v1.0.14(2y ago)0930MITJavaScriptPHP >=7.4

Since Feb 20Pushed 2y ago1 watchersCompare

[ Source](https://github.com/ereminmdev/yii2-cropimageupload)[ Packagist](https://packagist.org/packages/ereminmdev/yii2-cropimageupload)[ Docs](https://github.com/ereminmdev/yii2-cropimageupload)[ RSS](/packages/ereminmdev-yii2-cropimageupload/feed)WikiDiscussions main Synced yesterday

READMEChangelogDependencies (2)Versions (16)Used By (0)

yii2-cropimageupload
====================

[](#yii2-cropimageupload)

Image upload for Yii framework.

This widget depends on:

-
-

Install
-------

[](#install)

`composer require --prefer-dist ereminmdev/yii-cropimageupload`

Use
---

[](#use)

```
public function behaviors()
{
    return [
        ...
        'avatar' => [
            'class' => CropImageUploadBehavior::class,
            'attribute' => 'avatar',
            'scenarios' => ['create', 'update'],
            'placeholder' => '@app/modules/user/assets/images/avatar.jpg',
            'path' => '@webroot/upload/avatar/{id}',
            'url' => '@web/upload/avatar/{id}',
            'thumbs' => [
                'thumb' => ['width' => 42, 'height' => 42, 'mode' => ManipulatorInterface::THUMBNAIL_OUTBOUND],
                'preview' => ['width' => 200, 'height' => 200, 'mode' => ManipulatorInterface::THUMBNAIL_OUTBOUND],
            ],
            'ratio' => 1,
            'crop_field' => '',
            'cropped_field' => 'avatar',
        ],
    ];
}

```

View file:

```