kuzmiand/yii2-cropper

用于上传和裁剪图片的 Yii-Framework 小部件

维护者

详细信息

github.com/kuzmiand/yii2-cropper

源代码

安装: 39

依赖者: 1

建议者: 0

安全性: 0

星星: 0

关注者: 2

分支: 62

类型:yii2-extension

2.0.0 2015-05-10 23:57 UTC

Requires

BSD-3-Clause 7f87b5d7afffb97c21e7149c30242c97ce846c29

  • Sergey Krivochenko <budyaga.woop@gmail.com>

uploadextensioncropyii2

This package is not auto-updated.

Last update: 2024-09-14 17:48:26 UTC

README

用于上传和裁剪图片的 Yii-Framework 扩展

安装

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

运行以下命令

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

或者在您的 composer.json 文件的 require 部分添加以下内容

"kuzmiand/yii2-cropper": "*"

。

与第一个版本的区别

第二个版本使用 JavaScript FileAPI 显示图片，无需预先加载到服务器。此外，此版本还包含客户端验证。

使用方法

一旦安装了此扩展，只需在代码中简单地使用它即可

use kuzmiand\cropper\Widget;

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

小部件有以下属性

在 UserController 中

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

操作有以下参数

您可以在前端和后端使用此小部件。例如：用户可以更改其用户头像，管理员可以更改用户头像。

操作如下

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

g4n7fva

JavaScript FileAPI 会加载图片。

yeul3gy

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

jaungjk

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

0ejh55q