Что я делаю не так когда устанавливаю dropzone programmatically?

Question

[The Dragger]

<div id="dropZed" class="dropzone"></div>

js скрипт в самом конце файла
<script>
        var dzone = new Dropzone("#dropZed", {
            paramName: "img_url",
            url: "/admin/MyGallery/create",
            method: "files"
        });
        Dropzone.autoDiscover = false;
    </script>

php обработчик
if(isset($_POST['submit'])){
            print_r($_FILES['img_url']);
        }

Но у меня
Undefined index: img_url; Почему я ведь указал в js и метод и параметр, url все верно проверял.

Answer 1

[Andrii]

попробуй сделать через форму

<form action="/admin/MyGallery/create" class="dropzone"></form>

>

Comments

[The Dragger]

нет мне нужно через див

[Immortal_pony]

Alexander, Ну так оберни форму в div.

[The Dragger]

Immortal_pony: я использую виджет формы CActiveForm мне что в форме ещё одну форму создать ? иза этого выбрал programmatically

[Andrii]

if(isset($_POST['submit'])) - а откуда етот параметр
Нужно

if(isset($_FILES)){
	print_r($_FILES['img_url']);
}

[The Dragger]

werdon: это кнопка отправки

[The Dragger]

werdon: + мне нужно при нажатии на сабмит если я сделаю как у вас то эта ошибка у меня сразу вылазит.

[Andrii]

Alexander: пожалуйста виложите форму (вместе с кнопкой).

[The Dragger]

werdon:

<?php
/* @var $this MyGalleryController */
/* @var $model MyGallery */
/* @var $form CActiveForm */
?>
<div class="form">
    <?php
    $form = $this->beginWidget('CActiveForm', array(
        'id' => 'my-gallery-form',
        'htmlOptions' => array(
            'enctype' => 'multipart/form-data',
//            'class' => 'dropzone',
        ),
        'enableAjaxValidation' => false,
    ));
    ?>
    <p class="note">Fields with <span class="required">*</span> are required.</p>
    <?php echo $form->errorSummary($model); ?>
    <div class="row">
        <?php echo $form->labelEx($model, 'description'); ?>
        <?php echo $form->textField($model, 'description', array('size' => 60, 'maxlength' => 255)); ?>
        <?php echo $form->error($model, 'description'); ?>
    </div>
    <div class="row">
        <?php echo $form->labelEx($model, 'img_url'); ?>
        <div id="dropZed" class="dropzone"></div>
        <?php echo $form->error($model, 'img_url'); ?>
    </div>
    <div class="row buttons">
        <?php echo CHtml::submitButton($model->isNewRecord ? 'Создать' : 'Сохранить', array(
            'name'=>'submit',
        )); ?>
    </div>
    <?php $this->endWidget(); ?>
</div><!-- form -->
<script>
    var dzone = new Dropzone("#dropZed", {
        paramName: "img_url",
        url: "/admin/MyGallery/create"
        method: "files"
    });
    Dropzone.autoDiscover = false;

</script>

[Andrii]

через dropzone нельзя одним махом отправить файл с данными, потому что етот плагин создает отдельно инпут для файлов (в коньце документа).
Нужно:

var dzone = new Dropzone("div#dropZed", {
		paramName: "img_url",
		url: "/test/php/dropZen/saveFile.php",
		autoProcessQueue: false,
		//method: "files"	
	});

$('form').submit(function(e){
	e.preventDefault();
	dzone.processQueue();
	this.submit();
});

Answer 2

[FanatPHP]

Что я делаю не так

не смотришь через панель разработчика, какой запрос вообще уходит на сервер

Comments

[The Dragger]

когда заливаю показывает метод запроса FILES а когда жму на сабмит показывает метод запроса POST и эта ошибка 500

[FanatPHP]

я имею в виду не ответ сервера, а запрос, который на него улетает

[The Dragger]

FanatPHP: открываю fire bug захожу в сеть написано 1 запрос POST

[FanatPHP]

ну и там дальше должно быть тело этого запроса

[The Dragger]

FanatPHP: когда я только сую картинку в этот квадрат dropzone идет запрос FILES а когда жду кнопку отправить идет запрос POST.

[Andrii]

@IPD2:" когда я только сую картинку в этот квадрат dropzone идет запрос FILES" - это по умолчанию.
" а когда жду кнопку отправить идет запрос POST" - этот запрос будет отправлять данные (текст) без файла.
Здесь есть 2 варианта но в любом случае вам надо подпилить существующий контроллер (PHP) (либо файл - либо текст) либо создать отдельно контроллер для загрузки файлов (можно из таймаутом после кторого если не было изменений (записей) файл - удаляется).

[The Dragger]

werdon: тогда пример выше не использовать ? и попробовать как вы сказали.

[The Dragger]

werdon: чем мне отдельный контроллер поможет? может отдельный экшен ?

[Andrii]

Alexander: да извиняюсь, имел ввиду Action. У вас есть форма для заполнение несколько полей и плагин DROPZONE. Когда юзвер заполняет данные, вибирает картинку и жмет на кнопку Далее - ми в Javascript перехвачиваем отправку форми.

var dzone = new Dropzone("div#dropZed", {
    paramName: "img_url",
    url: "/test/php/dropZen/saveFile.php", // another action for saving photo
    autoProcessQueue: false,
    //method: "files"	
  });

$('form').submit(function(e){
  e.preventDefault();
  dzone.processQueue();
  this.submit();
});

Заливаем файлы на сервер и только тогда делаем отправку формы ( поле "description").

[The Dragger]

werdon:

public function actionImagesUpload(){
             $model = new MyGallery;
            $tml_name = $_FILES['img_url']['tmp_name'];
            $name = $_FILES['img_url']['name'];
            move_uploaded_file($tml_name, Yii::app()->request->baseUrl . 'images/upload/' . '13' . $name);
            $model->img_url = $name;
            $model->save();
    }
    public function actionCreate() {
        $model = new MyGallery;
        if (isset($_POST['MyGallery'])) {
            $model->attributes = $_POST['MyGallery'];
           if ($model->save())
                $this->redirect(array('view', 'id' => $model->id));
        }

Помогите под коректировать второй контроллер, что я там делаю не так ?
и ещё вот какая ошибка выходит
Uncaught TypeError: object is not a function
(anonymous function) create:262
n.event.dispatch jquery-2.1.3.min.js:3
n.event.add.r.handle jquery-2.1.3.min.js:3

[The Dragger]

js-ска как у вас, тока в url указал ImagesUpload action

[Andrii]

Alexander: загрузка картинок в YII
stackoverflow.com/questions/11671626/yii-uploading...
етот скрипт будет делать две записи в базу. Одну - без описание, вторию без картинки.
Вам нужно сохранить картинку на сервер и указать в сессии имя.
Когда приходит уже описание (actionCreate) тогда доставать из сесии (незабваем о проверке) тогда сохранять все данные. (Уберите из контроллера actionImagesUpload сохранение в базу и записывайте имя файла в сессию)

[The Dragger]

werdon: вы кажется забыли то что я dropzonejs на див установил

<div id="MyGallery_img_url" class="dropzone"></div>

Answer 3

[Папа Стифлера]

method: "post"

Comments

[The Dragger]

нет, не получается та же ошибка не видит img_url

[Папа Стифлера]

Alexander, ну так и разбирайтесь с серверной частью... dropzonejs тут ни при чем...

[The Dragger]

Папа Стифлера: вы случайно не на питоне устанавливали dropzone?

[Папа Стифлера]

Alexander, нет. PHP+Yii

[The Dragger]

Папа Стифлера: не могли бы свой код скинуть я сверю, 2 день мучаюсь с вашим советом.

[Папа Стифлера]

Alexander, Вы мучаетесь не из-за моего совета, а из-за своих кривых рук. )

[The Dragger]

Папа Стифлера: я не спец в программирование пока так что меня есть за что ругать, но блин вроде все верно указал.

[Папа Стифлера]

Alexander, в вашем случае массив _FILES вообще пустой т.к. dropzonejs начинает загрузку файла на сервер (до нажатия кнопки submit), если не указано иное поведение (а оно не указано).
Как только вы жмете сабмит - форма постится на сервер, отрабатывается условие if(isset($_POST['submit'])), но массив _FILES УЖЕ пустой. Отсюда и ошибка.

[The Dragger]

Папа Стифлера: autoProcessQueue?

[Папа Стифлера]

Alexander, да. Но вам это не поможет. У меня загрузка файлов обрабатывалась отдельным экшеном, а у вас все в одной куче.

[Папа Стифлера]

Alexander, хотя, если заменить условие if(isset($_POST['submit'])) на if(!empty($_FILES])) то может быть и заработает. Только помните, что сабмит придется вызывать ручками, а перед ним загрузить файлы: dzone.processQueue()

[The Dragger]

Папа Стифлера:

public function actionImagesUpload(){
        $model = new MyGallery;
        if(!empty($_FILES['img_url'])){
            if($_FILES['img_url']['error'] == 0){
                move_uploaded_file($_FILES['img_url']['tmp_name'],
                    Yii::app()->request->baseUrl . 'images/upload/' . $_FILES['img_url']['name']);
            }} 
        $model->img_url = $_FILES['img_url']['name'];
        $model->save();
    }

Создал новый метод теперь ошибка в другом Необходимо заполнить поле «Путь к картинки». Он не загружает картинку и не сохраняет её в бд мать его.

[The Dragger]

Папа Стифлера:

$(function() {
            var dzone = new Dropzone("#dropZed", {
                paramName: "img_url",
                url: "/admin/MyGallery/ImagesUpload",
                method: "files",
                autoProcessQueue: false,
                addRemoveLinks: true,
                init: function() {
                    var submitButton = document.querySelector("#sb-all");
                    dzone = this; // closure

                    submitButton.addEventListener("click", function() {
                        dzone.processQueue(); // Tell Dropzone to process all queued files.
                    });
                }
            });
                Dropzone.autoDiscover = false;
        });

Answer 4

[Bohdan Yarema]

Вот у меня беда, не сохраняет на сервер файлы, да и попростому немогу с этим плагином розобраться, кто может помочь ?