krizates / yii2-cropper
用于上传和裁剪图片的Yii框架小部件
2.0.19
2017-11-30 08:56 UTC
Requires
- bower-asset/jcrop: =0.9.12
- bower-asset/simple-ajax-uploader: 2.6.1
- yiisoft/yii2: *
- yiisoft/yii2-imagine: *
README
用于上传和裁剪图片的Yii框架扩展(修改自krivochenko/yii2-cropper)
安装
安装此扩展的首选方式是通过Composer。
运行以下命令之一
php composer.phar require --prefer-dist krisates/yii2-cropper "*"
或者在您的composer.json文件的require部分添加
"krisates/yii2-cropper": "*"
到require部分。
使用
扩展安装后,只需在代码中使用它即可
use krisates\cropper\UploadLogo;
<?php $form = ActiveForm::begin(['id' => 'form-profile']); ?>
<?php echo $form->field($model, 'photo')->widget(UploadLogo::className(), [
'uploadUrl' => Url::toRoute('/user/user/uploadPhoto'),
]) ?>
<?php ActiveForm::end(); ?>
小部件有以下属性
在UserController
public function actions()
{
return [
'uploadPhoto' => [
'class' => 'krisates\cropper\actions\UploadAction',
'url' => 'http://your_domain.com/uploads/user/photo',
'path' => '@frontend/web/uploads/user/photo',
]
];
}
操作有如下参数
您可以在前端和后端使用此小部件。例如:用户可以更改他的用户头像,管理员可以更改用户头像。
操作如下
用户点击新照片区域或拖动文件
图片通过JavaScript FileAPI加载。
此图片在控件中显示,用户可以裁剪它或上传另一张图片
当用户点击“裁剪图片”时,带有文件和坐标的请求被发送到服务器。此图片在表单中显示,用户可以保存它,或更改裁剪区域,或上传另一张照片。



