zantknight/yii2-cam-capture

此扩展是HTML5媒体捕获,与yii2-gallery4集成

安装: 241

依赖项: 0

建议者: 0

安全: 0

星星: 3

关注者: 2

分支: 3

开放问题: 1

类型:yii2-extension

v1.0.0 2020-04-09 13:18 UTC

This package is auto-updated.

Last update: 2024-09-11 16:54:42 UTC


README

此扩展是HTML5媒体捕获,与yii2-gallery4集成

安装

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

运行以下命令之一

php composer.phar require --prefer-dist zantknight/yii2-cam-capture "*"

"zantknight/yii2-cam-capture": "*"

添加到您的 composer.json 文件的require部分。

使用方法

注意:仅与yii2-bootstrap4兼容,要迁移到bootstrap4,请按照 这些说明 操作

  1. 如果您尚未迁移gallery4,只需通过调用此命令执行迁移
    php yii migrate --migrationPath=@vendor/zantknight/yii2-gallery4/migrations
    
  2. 更新config/web.php
    return [
        ...
        'modules' => [
            'gallery4' => [
                 'class' => 'zantknight\yii\gallery\Module',
             ],
        ]
    ]
  3. 将以下内容放入params.php
     return [
         ...
         'bsVersion' => '4.x',
         ...
     ];
  4. 将此行为添加到您的模型中
     ...
     use zantknight\yii\capture\CamCaptureBehavior;
    
     class YourModel extends \yii\db\ActiveRecord
     {
         ...
    
         public function behaviors()
         {
             return [
                 ...
                 [
                     'class' => CamCaptureBehavior::className(),
                     'model' => $this,
                     'fieldName' => 'name'
                 ]
                 ...
             ];
         }
     }
    • fieldName = 您想添加为图片文件名的字段名称
  5. 将此小部件放入您的视图中
    <?= \zantknight\yii\capture\CamCaptureWidget::widget([
        'ownerModel' => $model
    ]); ?>
  6. 在@web下创建一个名为"media"的文件夹
  7. 搞定

截图

  • 小部件 Widget UI
  • 弹出捕获 Pop-up Capture
  • 捕获的图片显示在小部件中 Pop-up Capture