Помагите с передачей параметров с помощью java dropzone

[karen12]

Имеется форма

<form method="post" action=""   >
<input type="text" name="action"  />
<div action="upload.php" class="dropzone" id="my-dropzone"></div>  
<input class="btnAction" type="submit" name="finish" id="finish" value="Submit" >
</form>

Ява скрипт dropzone

<script type="text/javascript">
Dropzone.options.myDropzone = {

  // Prevents Dropzone from uploading dropped files immediately
  autoProcessQueue: false,

  init: function() {
    var submitButton = document.querySelector("#finish")
        myDropzone = this; // closure

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

    // You might want to show the submit button only when
    // files are dropped here:
    this.on("addedfile", function() {
      // Show submit button here and/or inform user to click it.
    });
  this.on("sending", function(file, xhr, formData) {
formData.append("action", "value"); // Append all the additional input data of your form here!
  });

  }
};
</script>

И файл обработчик upload.php

Вопрос- как передать значение action из формы через sending function в обработчик upload.php

Пожалуйста помагите, мучаюсь уже 2 дня.

 

[redfoxius]

что пробовали? аджакс, куки?

 

[karen12]

что пробовали? аджакс, куки?

Ajax
Вот в этом строке

formData.append("action", "value"); // Append all the additional input data of your form here!

в место value должен быть значение name="action", ни как не могу передать значение

 

[borodatych]

в место value должен быть значение name="action"

Вам нужно значение инпута?
То так:

<form method="post" action="">
    <input type="text" name="action" id="action"/>
    <div action="upload.php" class="dropzone" id="my-dropzone"></div>
    <input class="btnAction" type="submit" name="finish" id="finish" value="Submit"/>
</form>

<script type="text/javascript">
Dropzone.options.myDropzone = {

    // Prevents Dropzone from uploading dropped files immediately
    autoProcessQueue: false,

    init: function() {
        var submitButton = document.querySelector("#finish")
        myDropzone = this; // closure

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

        // You might want to show the submit button only when
        // files are dropped here:
        this.on("addedfile", function() {
            // Show submit button here and/or inform user to click it.
        });
        this.on("sending", function(file, xhr, formData) {
            formData.append("action", $('#action').val()); // Append all the additional input data of your form here!
        });

    }
};
</script>

 

[karen12]

Вам нужно значение инпута?
То так:

<form method="post" action="">
    <input type="text" name="action" id="action"/>
    <div action="upload.php" class="dropzone" id="my-dropzone"></div>
    <input class="btnAction" type="submit" name="finish" id="finish" value="Submit"/>
</form>

<script type="text/javascript">
Dropzone.options.myDropzone = {

    // Prevents Dropzone from uploading dropped files immediately
    autoProcessQueue: false,

    init: function() {
        var submitButton = document.querySelector("#finish")
        myDropzone = this; // closure

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

        // You might want to show the submit button only when
        // files are dropped here:
        this.on("addedfile", function() {
            // Show submit button here and/or inform user to click it.
        });
        this.on("sending", function(file, xhr, formData) {
            formData.append("action", $('#action').val()); // Append all the additional input data of your form here!
        });

    }
};
</script>

Такой вариант не подходит. В базу ничего не вставляется.

 

[borodatych]

Такой вариант не подходит. В базу ничего не вставляется.

Тогда соберитесь и подробнее скажет что нужно.
Почему не подходит? Значение не выдергивается? Что не так?

Вопрос- как передать значение action из формы через sending function в обработчик upload.php

Значение чего?
Под action у вас один input, которому я просто дал id для простоты выбора.
"значение action" - это значение input-а с "name="action"" ?

 

[karen12]

Тогда соберитесь и подробнее скажет что нужно.
Почему не подходит? Значение не выдергивается? Что не так?

Значение чего?
Под action у вас один input, которому я просто дал id для простоты выбора.
"значение action" - это значение input-а с "name="action"" ?

Спасибо за ответ. Решил проблему вот так

this.on("sending", function(file,xhr,formData) {
            // Show the total progress bar when upload starts
            var action = document.getElementById('action').value;
            formData.append('action',action);
           

        });

 

[borodatych]

Спасибо за ответ. Решил проблему вот так

Это тоже самое что и я написал, только нативно, как то не учел...сори..

 

[karen12]

Это тоже самое что и я написал, только нативно, как то не учел...сори..

Все равно спасибо за отклк.

Это тоже самое что и я написал, только нативно, как то не учел...сори..

Если можно еще вопрос. Как вывсти данные из базы mysql в таблицу и первой строке присвоить class="" ?

 

[redfoxius]

Если можно еще вопрос. Как вывсти данные из базы mysql в таблицу и первой строке присвоить class="" ?

Как-то так:

$listQ = $db->prepare("SELECT * FROM customers ORDER BY id DESC");
$listQ->execute();
$tmp = $listQ->fetch(); // выводим первую строку
echo "<tr class='class-you-need'>";
foreach ($tmp as $value) {
    echo "<td>".$value."</td>";
}
$list = $listQ->fetchAll(); // выводим остальные строки
foreach ($tmp as $key => $item) {
                        echo "<tr>";
                        foreach ($item as $value) {
                            echo "<td>".$value."</td>";
                        }
                    echo     "</tr>";               
                    }