Dropzone дополнительные данные для перелета в базу данных

Question

это мой первый раз, когда вы используете dropzone.js, и он отлично работает. Теперь я заблокирован наличием дополнительного текстового поля для заполнения пользователем, но произошло то, что значение textarea не вставлено в базу данных, только вставляет загруженный образ. На самом деле, дополнительные заметки работают нормально, если я поместил их внутри формы с классом dropzone, но я хотел, чтобы он был вне формы из-за проблемы пользовательского интерфейса. Heres лил немного ниже код:

HTML:

<form id="droper" action="" method="post" class="dropzone" enctype="multipart/form-data" name="rotator_form"> 
        {{ csrf_field() }} 
        <input type="hidden" name="rotatorId" value="{{ $currentId }}"> 
        <div class="fallback"> 
         <input id="file" multiple name="file" type="file"/> 
        </div> 
       </form> 
       <textarea name="note" class="form-control" placeholder="Add notes here.."></textarea> 

<button id="submit-droper" class="btn green" data-dismiss="modal">Submit Droper</button> 

Сценарий:

Dropzone.autoDiscover = false; 

    var rotatorDroper = new Dropzone('#droper', { 
     url: "/rotator/image-upload", 
     autoProcessQueue: false, 
     beforeSend: function(file, xhr, formData){ 
     formData.append('notes', 'hehehe'); 
    } 
    }); 

    $('#submit-droper').click(function(e){ 
     rotatorDroper.processQueue(); 
    }); 

Answer 1

Если вы хотите отправить дополнительные данные при загрузке файлов вы можете использовать sending событие в INIT Dropzone парам, как это:

Dropzone.options.your_form_id = { 

    init: function (e) { 

     var myDropzone = this; 

     // Event to send your custom data to your server 
     myDropzone.on("sending", function(file, xhr, data) { 

      // First param is the variable name used server side 
      // Second param is the value, you can add what you what 
      // Here I added an input value 
      data.append("your_variable", $('#your_input').val()); 
     }); 

    } 
}; 

Как видите, data.append будет поможет вам легко отправить ключ/значение на ваш сервер через Ajax.

Не забудьте добавить идентификатор в текстовое поле, чтобы получить его легко.