maxodrom / yii2-upload-behavior
Yii 2 的上传行为
0.2.0
2018-05-06 10:01 UTC
Requires
- php: >=5.6.0
- yiisoft/yii2: ~2.0.0
Requires (Dev)
- phpunit/dbunit: ~1.0
- phpunit/phpunit: ~4.0
- yiisoft/yii2-imagine: ^2.1
Suggests
- yiisoft/yii2-imagine: Required to use thumbnails processing with UploadImageBehavior
This package is not auto-updated.
Last update: 2024-09-29 05:27:48 UTC
README
此行为自动上传文件并将上传文件的名称填充到指定的属性中。此代码受 https://github.com/yii-dream-team/yii2-upload-behavior 启发,但并非派生自它。
安装
推荐使用 composer 安装此扩展。
运行以下命令之一
php composer.phar require --prefer-dist maxodrom/yii2-upload-behavior "*"
或将以下代码行添加到您的 composer.json
文件的 require
部分
"maxodrom/yii2-upload-behavior": "*"
使用方法
上传文件
在您的模型中附加行为
class Document extends ActiveRecord { /** * @inheritdoc */ public function rules() { return [ ['file', 'file', 'extensions' => 'doc, docx, pdf', 'on' => ['insert', 'update']], ]; } /** * @return \yii\db\ActiveQuery */ public function getCategory() { return $this->hasOne(Category::class, [ 'id' => 'id_category' ]); } /** * @inheritdoc */ function behaviors() { return [ [ 'class' => UploadBehavior::class, 'attribute' => 'file', 'scenarios' => ['insert', 'update'], 'path' => '@webroot/upload/docs/{category.id}', 'url' => '@web/upload/docs/{category.id}', ], ]; } }
在控制器操作中设置模型场景
class Controller extends Controller { public function actionCreate($id) { $model = $this->findModel($id); $model->setScenario('insert'); // Note! Set upload behavior scenario. ... ... } }
示例视图文件
<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]); ?> <?= $form->field($model, 'image')->fileInput() ?> <div class="form-group"> <?= Html::submitButton('Submit', ['class' => 'btn btn-primary']) ?> </div> <?php ActiveForm::end(); ?>
上传图片并创建缩略图
缩略图处理需要安装 yiisoft/yii2-imagine。
在您的模型中附加行为
class User extends ActiveRecord { /** * @inheritdoc */ public function rules() { return [ ['image', 'image', 'extensions' => 'jpg, jpeg, gif, png', 'on' => ['insert', 'update']], ]; } /** * @inheritdoc */ public function behaviors() { return [ [ 'class' => \mohorev\file\UploadImageBehavior::class, 'attribute' => 'image', 'scenarios' => ['insert', 'update'], 'placeholder' => '@app/modules/user/assets/images/userpic.jpg', 'path' => '@webroot/upload/user/{id}', 'url' => '@web/upload/user/{id}', 'thumbs' => [ 'thumb' => ['width' => 400, 'quality' => 90], 'preview' => ['width' => 200, 'height' => 200], 'news_thumb' => ['width' => 200, 'height' => 200, 'bg_color' => '000'], ], ], ]; } }
路径和URL生成的灵活配置
更灵活的配置 path
和/或 url
行为属性是使用回调或数组来定义 path
或 url
生成逻辑。
I. 通过回调
/** * @inheritdoc */ public function behaviors() { return [ [ 'class' => \mohorev\file\UploadImageBehavior::class, 'attribute' => 'image', 'scenarios' => ['insert', 'update'], 'placeholder' => '@app/modules/user/assets/images/userpic.jpg', 'path' => function ($model) { /** @var \app\models\UserProfile $model */ $basePath = '@webroot/upload/profiles/'; $path = implode('/', array_slice(str_split(md5($model->id), 2), 0, 2)); return $basePath . $path; }, 'url' => function ($model) { /** @var \app\models\UserProfile $model */ $baseUrl = '@web/upload/profiles/'; $path = implode('/', array_slice(str_split(md5($model->id), 2), 0, 2)); return $baseUrl . $path; }, 'thumbs' => [ 'thumb' => ['width' => 400, 'quality' => 90], 'preview' => ['width' => 200, 'height' => 200], 'news_thumb' => ['width' => 200, 'height' => 200, 'bg_color' => '000'], ], ], ]; }
II. 通过数组配置,定义类及其静态方法以生成路径/URL
/** * @inheritdoc */ public function behaviors() { return [ [ 'class' => \mohorev\file\UploadImageBehavior::class, 'attribute' => 'image', 'scenarios' => ['insert', 'update'], 'placeholder' => '@app/modules/user/assets/images/userpic.jpg', 'path' => [UserProfile::class, 'buildAvatarPath'], 'url' => [UserProfile::class, 'buildAvatarUrl'], 'thumbs' => [ 'thumb' => ['width' => 400, 'quality' => 90], 'preview' => ['width' => 200, 'height' => 200], 'news_thumb' => ['width' => 200, 'height' => 200, 'bg_color' => '000'], ], ], ]; } /** * Define two static methos in your model for path and URL generation */ /** * @param \app\models\UserProfile|\yii\db\ActiveRecord $profile * @return string */ public static function buildAvatarPath(UserProfile $model) { $basePath = '@webroot/upload/profiles/'; $path = implode('/', array_slice(str_split(md5($model->id), 2), 0, 2)); return $basePath . $path; } /** * @param \app\models\UserProfile|\yii\db\ActiveRecord $profile * @return string */ public static function buildAvatarUrl(UserProfile $model) { $baseUrl = '@web/upload/profiles/'; $path = implode('/', array_slice(str_split(md5($model->id), 2), 0, 2)); return $baseUrl . $path; }
在视图中使用
示例
<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]); ?> <div class="form-group"> <div class="row"> <div class="col-lg-6"> <!-- Original image --> <?= Html::img($model->getUploadUrl('image'), ['class' => 'img-thumbnail']) ?> </div> <div class="col-lg-4"> <!-- Thumb 1 (thumb profile) --> <?= Html::img($model->getThumbUploadUrl('image'), ['class' => 'img-thumbnail']) ?> </div> <div class="col-lg-2"> <!-- Thumb 2 (preview profile) --> <?= Html::img($model->getThumbUploadUrl('image', 'preview'), ['class' => 'img-thumbnail']) ?> </div> </div> </div> <?= $form->field($model, 'image')->fileInput(['accept' => 'image/*']) ?> <div class="form-group"> <?= Html::submitButton('Submit', ['class' => 'btn btn-primary']) ?> </div> <?php ActiveForm::end(); ?>
行为选项
- attribute - 存储附件的属性
- scenarios - 行为将被触发的场景
- instanceByName - 通过名称获取文件实例,如果您在
RESTfull
应用中使用 UploadBehavior 且不需要模型名称的前缀,将属性instanceByName = false
设置为,默认值为false
- path - 保存文件的目录的基础路径或路径别名
- url - 此文件的基础 URL 或路径别名
- generateNewName - 设置为 true 或匿名函数接受旧文件名并返回新名称,默认值为
true
- unlinkOnSave - 如果为
true
,则当前属性文件将被删除,默认值为true
- unlinkOnDelete - 如果为
true
,则在模型删除后当前属性文件将被删除。 - deleteOriginalFile - 仅适用于 UploadImageBehavior。如果为
true
,则原始图像文件将在生成缩略图后删除,默认值为false
。
注意!
建议在 url
和 path
选项中使用不可变占位符,换句话说,尝试不要使用可更改的属性。这是一种不良做法。例如
class Track extends ActiveRecord { public function getArtist() { return $this->hasOne(Artist::class, [ 'id' => 'id_artist' ]); } public function behaviors() { return [ [ 'class' => UploadBehavior::class, 'attribute' => 'image', 'scenarios' => ['default'], 'path' => '@webroot/uploads/{artist.slug}', 'url' => '@web/uploads/{artist.slug}', ], ]; } }
如果相关模型属性 slug
将更改,则必须更改文件夹的名称,否则行为将无法正确工作。