ereminmdev/yii2-croppieimageupload

Crop image upload for Yii framework.

1.0.25 2024-04-28 14:25 UTC

Requires

• php: >=7.4
• mohorev/yii2-upload-behavior: ^0.2
• npm-asset/croppie: ^2.4
• npm-asset/exif-js: ^2.2
• yiisoft/yii2: ~2.0.1

MIT

• Michael Eremin

• Behavior
• crop
• Image upload
• yii2

README

Crop image upload for Yii framework.

This widget depends on:

• https://github.com/mohorev/yii2-upload-behavior
• https://foliotek.github.io/Croppie/

Install

composer require --prefer-dist ereminmdev/yii-croppieimageupload

Use

public function behaviors()
{
    return [
        ...
        'avatar' => [
            'class' => CroppieImageUploadBehavior::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,
        ],
    ];
}

View file:

<?php $form = ActiveForm::begin(); ?>
    <?= $form->field($model, 'photo')->widget(CroppieImageUploadWidget::class) ?>
    <div class="form-group">
        <?= Html::submitButton('Submit', ['class' => 'btn btn-primary']) ?>
    </div>
<?php ActiveForm::end(); ?>