devgroup-ru / yii2-dropzone

This extension provides the Dropzone integration for the Yii2 framework.

Dropzone Extension for Yii 2

This extension provides the Dropzone integration for the Yii2 framework.

Installation

This extension requires Dropzone

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist devgroup/yii2-dropzone "*"

or add

"devgroup/yii2-dropzone": "*"

to the require section of your composer.json.

General Usage

use devgroup\dropzone\DropZone;

DropZone::widget(
    [
        'name' => 'file', // input name or 'model' and 'attribute'
        'url' => '', // upload url
        'storedFiles' => [], // stores files
        'eventHandlers' => [], // dropzone event handlers
        'sortable' => true, // sortable flag
        'sortableOptions' => [], // sortable options
        'htmlOptions' => [], // container html options
        'options' => [], // dropzone js options
    ]
)

you can also register devgroup\dropzone\UploadAction and devgroup\dropzone\RemoveAction actions in your controller

yii2-dropzone's Issues

Usage with ActiveField

Its nice widget. But does not have support to use with ActiveField. Please add the support, because it helps in validation, labeling etc.

JUI extension dependancy not required in composer.json

The DropZoneAsset asset bundle depends on yii\jui\JuiAsset, but the yiisoft/yii2-jui package isn't listed in the require section of composer.json.

Incorrect processing storedFiles property.

Method addFiles() generates following JS code:

var mockFile = { name: "5", size: 0 };
dropzone_w1.emit("addedfile", mockFile);
dropzone_w1.emit("thumbnail", mockFile, "http://rudov.com/uploads/portfolio/photo/thumb/1446309929_941.jpg");
var mockFile = { name: "14", size: 0 };
dropzone_w1.emit("thumbnail", mockFile, "http://rudov.com/uploads/portfolio/photo/thumb/1446315949_866.jpg");

So just first file will be added. You shold change code of addFiles method:

        $i = 1;
        foreach ($files as $file) {
            // Create the mock file:
            $this->getView()->registerJs(
                'var mockFile' . $i . ' = { name: "' . $file['name'] . '", size: ' . $file['size'] . ' };'
            );
            // Call the default addedfile event handler
            $this->getView()->registerJs(
                $this->dropzoneName . '.emit("addedfile", mockFile' . $i . ');'
            );
            // And optionally show the thumbnail of the file:
            $this->getView()->registerJs(
                $this->dropzoneName . '.emit("thumbnail", mockFile' . $i . ', "' . $file['thumbnail'] . '");'
            );
            $i++;
        }

Ошибка в $storedFiles

Не получается отобразить несколько файлов, сохраненных ранее на сервере, используя storedFiles. Отображается только один файл.

Причина:
https://github.com/DevGroup-ru/yii2-dropzone/blob/master/DropZone.php#L52 вот этот js-код регистрируется только один раз (т.к строка не зависит от переменной $file и поэтому генерируется одинаковый $key в методе registerJs). А нужно, чтобы строка эта генерировалась для каждого файла.

how to change dictDefaultMessage

I try to change this way

<?= \zainiafzan\widget\Dropzone::widget([
                        'options' => [
                            'addRemoveLinks'    => true,
                            'url'               => 'profile',
                            'dictDefaultMessage'=> Yii::t('frontend','TEXTDROPFILE'),
                        ],

but nothing happens

htmlOptions is overwritten

Hi,

I think that there is a bug in your code.
The $htmlOptions is initialized with the dropzone class at top of DropZone.php :
$htmlOptions = [
'class' => 'dropzone',
];

When using public htmlOptions with the widget, $htmlOptions is overwritten in DropZone.php and the dropzone class option doesnt exists anymore.

You should declare the dropzone class like this in init() or in run() :
$this->htmlOptions['class'] = $this->htmlOptions['class'] . ' dropzone';

Have a nice day and thank you for your sharing.

Как кастомизировать данное решение

Прошу прощения, возможно, за глупый вопрос.
А как кастомизировать? Как мне убрать эту картинку с перетаскиванием и свои стили применить? Перекрывать css? может есть возможность о которой я не догадываюсь?