oxy-coach / yii2-image-behavior
yii2 image upload behavior
Requires
- php: >=5.4.0
This package is not auto-updated.
Last update: 2024-11-10 06:59:16 UTC
README
Yii 2 image uploading
Install via Composer
Run the following command
$ composer require oxy-coach/yii2-image-behavior "*"
or add
$ "oxy-coach/yii2-image-behavior": "*"
to the require section of your composer.json
file.
Migrations
Create migration by following command
$ yii migrate/create images
Open the /path/to/migrations/m_xxxxxx_xxxxxx_images.php
file
and add following code to up()
method
$this->createTable('images', [ 'id' => $this->primaryKey(), 'itemId' => $this->integer(11)->notNull(), 'path' => $this->string(255), 'extension' => $this->string(255)->notNull(), 'sort' => $this->integer()->defaultValue(0), ]);
Create model
Generate Active Record model for new images
table
Configuring
Attach the behavior to your model class:
use oxycoach\imagebehavior\ImageBehavior; \\ ... public $file; public function behaviors() { return [ 'ImageBehavior' => [ 'class' => ImageBehavior::class, 'imageModel' => Images::class, 'imageVariable' => 'file', 'uploadPath' => '@upload', 'webUpload' => '@webupload', 'noImagePath' => '@webupload/no-photo.png', 'multiple' => true, 'sizes' => [ 'original' => [ 'folder' => 'images/original' ], 'preview' => [ 'folder' => 'images/preview', 'width' => 350, 'height' => 0, // "0" means auto-height ], ], ], ]; } public function rules() { [['file'], 'file', 'extensions' => ['png', 'jpg', 'jpeg', 'gif'], 'maxSize' => 1024*1024*1024, 'maxFiles' => 3], }
Add relation for Images model
/** * Images model relation * @return \yii\db\ActiveQuery */ public function getImages() { return $this->hasMany(Images::class, ['itemId' => 'id']) ->alias('img') ->orderBy('img.sort ASC'); }
Note that relation name MUST be
images
,
With that configuration, if file hash will be like "6e3c797abee0ff2803ef1f952f187d2f"
there would be 2 images:
@upload/images/original/6e/3c/{id from image table}.jpg
@upload/images/preview/6e/3c/{id from image table}.jpg
for each image that would be uploaded
View file
Example of view file
<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]) ?> <?= $form->field($model, 'file[]')->fileInput(['multiple' => true, 'accept' => 'image/*']) ?> <div class="form-group"> <?= Html::submitButton('Save', ['class' => 'btn btn-success']) ?> </div> <?php ActiveForm::end(); ?>
Note that if you need a single image uploading, you have to change
multiple
property for behavior to false, change your model file rulemaxFiles
property to 1, and also change your view form field to
<?= $form->field($model, 'file')->fileInput(['multiple' => false, 'accept' => 'image/*']) ?>
Geting images
Get single image:
<img src="<?= $model->getImage('original') ?>" alt=""> <img src="<?= $model->getImage('preview') ?>" alt="">
Get all images:
<?php foreach ($model->getAllImages('original') as $image) { ?> <img src="<?= $image ?>" alt=""> <?php } ?>