Yii2 attachments

Extension for file uploading and attaching to the models

Demo

You can see the demo on the krajee website

Installation

1. The preferred way to install this extension is through composer.

   Either run

   php composer.phar require nemmo/yii2-attachments "~1.0.1"

   or add

   "nemmo/yii2-attachments": "~1.0.1"

   to the require section of your composer.json file.

2. Add module to common/config/main.php

   'modules' => [
       ...
       'attachments' => [
           'class' => nemmo\attachments\Module::className(),
           'tempPath' => '@app/uploads/temp',
           'storePath' => '@app/uploads/store',
           'rules' => [ // Rules according to the FileValidator
               'maxFiles' => 10, // Allow to upload maximum 3 files, default to 3
               'mimeTypes' => 'image/png', // Only png images
               'maxSize' => 1024 * 1024 // 1 MB
           ],
           'tableName' => '{{%attachments}}' // Optional, default to 'attach_file'
       ]
       ...
   ]

3. Apply migrations

       'controllerMap' => [
       ...
       'migrate' => [
           'class' => 'yii\console\controllers\MigrateController',
           'migrationNamespaces' => [
               'nemmo\attachments\migrations',
           ],
       ],
       ...
       ],

   php yii migrate/up

4. Attach behavior to your model (be sure that your model has "id" property)

   public function behaviors()
   {
       return [
           ...
           'fileBehavior' => [
               'class' => \nemmo\attachments\behaviors\FileBehavior::className()
           ]
           ...
       ];
   }

5. Make sure that you have added 'enctype' => 'multipart/form-data' to the ActiveForm options

6. Make sure that you specified maxFiles in module rules and maxFileCount on AttachmentsInput to the number that you want

Usage

1. In the form.php of your model add file input

   <?= \nemmo\attachments\components\AttachmentsInput::widget([
       'id' => 'file-input', // Optional
       'model' => $model,
       'options' => [ // Options of the Kartik's FileInput widget
           'multiple' => true, // If you want to allow multiple upload, default to false
       ],
       'pluginOptions' => [ // Plugin options of the Kartik's FileInput widget 
           'maxFileCount' => 10 // Client max files
       ]
   ]) ?>

2. Use widget to show all attachments of the model in the view.php

   <?= \nemmo\attachments\components\AttachmentsTable::widget([
       'model' => $model,
       'showDeleteButton' => false, // Optional. Default value is true
   ])?>

3. (Deprecated) Add onclick action to your submit button that uploads all files before submitting form

   <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', [
       'class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary',
       'onclick' => "$('#file-input').fileinput('upload');"
   ]) ?>

4. You can get all attached files by calling $model->files, for example:

   foreach ($model->files as $file) {
       echo $file->path;
   }

Using Events

You may add the following function to your model

public function init(){
    $this->on(\nemmo\attachments\behaviors\FileBehavior::EVENT_AFTER_ATTACH_FILES, function ($event) {
        /** @var $files \nemmo\attachments\models\File[] */
        $files = $event->files;
        //your custom code
    });
    parent::init();
}

FileController Route - No Download option.

Its now possible to add "inline" to the filecontroller request.
This is done using the $file->getUrl(true) function option. Use this in column actions if you want to directly display the file in the browser instead of download it. This also helps with preview configs as one no longer has to wrap the getUrl() in an image tag to stop the download of other filetypes.

ex:
    foreach ($this->getFiles() as $file) {
             $initialPreview[] =$file->getUrl(true);
        }

Change log

• Sept 13, 2023 - Added ability to open files inline. Upated initialPreviewConfig and AttachementsInput to use built in previews from Kartik.
• Dec 7, 2016 - Migration namespace coming with Yii 2.0.10. Release 1.0.0-beta.3.
• Apr 19, 2016 - Refactoring and testing. Ajax removing. Release 1.0.0-beta.2.
• Aug 17, 2015 - Support for prefix on table - you can specify the table name before migrating
• Jul 9, 2015 - Fixed automatic submitting form
• Jun 19, 2015 - Fixed uploading only files without submitting whole form and submitting form with ignoring upload errors
• May 1, 2015 - Fixed uploading when connection is slow or uploading time is long. Now onclick event on submit button is deprecated
• Apr 16, 2015 - Allow users to have a custom behavior class inheriting from FileBehavior.
• Apr 4, 2015 - Now all temp uploaded files will be deleted on every new form opened.
• Mar 16, 2015 - Fix: error in generating initial preview. Add: Getting path of the attached file by calling $file->path.
• Mar 5, 2015 - Fix: restrictions for the number of maximum uploaded files.
• Mar 4, 2015 - Added restrictions for number of maximum uploaded files.
• Mar 3, 2015 - Fix of the file-input widget id.
• Feb 13, 2015 - Added restrictions to files (see point 1 in the Usage section), now use AttachmentsInput widget on the form view instead of FileInput
• Feb 11, 2015 - Added preview of uploaded but not saved files and tableOptions property for widget
• Feb 2, 2015 - Fix: all attached files will be deleted with the model.
• Feb 1, 2015 - AJAX or basic upload.
• Jan 30, 2015 - Several previews of images and other files, fix of required packages.
• Jan 29, 2015 - First version with basic uploading and previews.