专家/yii2-crop-image-upload

Yii 2 图片裁剪上传小部件

安装: 22

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 2

分支: 0

开放问题: 0

语言:JavaScript

类型:yii2-extension

dev-master 2019-10-10 19:44 UTC

This package is auto-updated.

Last update: 2024-09-11 14:41:44 UTC


README

Latest Stable Version Total Downloads Latest Unstable Version License

此扩展自动上传图片并进行裁剪。

安装

安装此扩展的首选方式是通过 composer

运行以下命令之一:

php composer.phar require specialist/yii2-crop-image-upload "@dev"

或将其添加到您的 composer.json 文件的 require 部分:

"specialist/yii2-crop-image-upload": "@dev"

使用方法

上传图片并创建裁剪

在您的模型中附加行为

use specialist\icrop\CropImageUploadBehavior;

class Document extends ActiveRecord
{
    /**
     * @inheritdoc
     */
    public function rules()
    {
        return [
            ['photo', 'file', 'extensions' => 'jpeg, gif, png', 'on' => ['insert', 'update']],
        ];
    }

    /**
     * @inheritdoc
     */
    function behaviors()
    {
        return [
            [
                'class' => CropImageUploadBehavior::className(),
                'attribute' => 'photo',
                'scenarios' => ['insert', 'update'],
                'path' => '@webroot/upload/docs',
                'url' => '@web/upload/docs',
				'ratio' => 1,
				'crop_field' => 'photo_crop',
				'cropped_field' => 'photo_cropped',
            ],
        ];
    }
}

示例视图文件

<?php use specialist\icrop\CropImageUpload; ?>

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