README

用于上传和裁剪图片的Yii框架扩展

安装

通过以下方式安装此扩展是首选方法：composer.

运行以下命令之一

php composer.phar require --prefer-dist lito/yii2-cropper "*"

或

"lito/yii2-cropper": "*"

将以下内容添加到您的 composer.json 文件的require部分。

与第一版的不同之处

第二版使用JavaScript FileAPI显示图片，无需预先将其加载到服务器。此外，本版本具有客户端验证。

使用方法

扩展安装后，您只需在代码中通过以下方式使用它

use lito\cropper\Widget;

<?php $form = ActiveForm::begin(['id' => 'form-profile']); ?>
    <?php echo $form->field($model, 'photo')->widget(Widget::className(), [
        'uploadUrl' => Url::toRoute('/user/user/uploadPhoto'),
    ]) ?>
    <div class="form-group">
        <?php echo Html::submitButton('Save', ['class' => 'btn btn-primary']) ?>
    </div>
<?php ActiveForm::end(); ?>

小部件具有以下属性

在UserController中

public function actions()
{
    return [
        'uploadPhoto' => [
            'class' => 'lito\cropper\actions\UploadAction',
            'url' => 'http://your_domain.com/uploads/user/photo',
            'path' => '@frontend/web/uploads/user/photo',
        ]
    ];
}

操作有以下参数

您可以在前端和后端使用此小部件。例如：用户可以更改他的用户图片，管理员可以更改用户的用户图片。

操作如下

用户点击新照片区域或拖动文件

图片通过JavaScript FileAPI加载。

该图片在小部件中显示，用户可以裁剪它或上传另一张图片

当用户点击“裁剪图片”时，会向服务器发送一个包含文件和坐标的请求。该图片在表单中显示，用户可以保存它，或更改裁剪区域，或上传另一张照片。

lito / yii2-cropper

维护者

详细信息

README

安装

与第一版的不同之处

使用方法

操作如下