Отправьте файл Dropzonejs с JQuery AJAX POST запросом на форму отправки - PullRequest
Новая
       11

Отправьте файл Dropzonejs с JQuery AJAX POST запросом на форму отправки

0 голосов
/ 25 ноября 2018

У меня есть форма вложения с полем загрузки файла dropzonejs и примечанием, и мне нужно отправить данные обоих полей на мой сервер при отправке формы jQuery AJAX.

Вложение HTML-код формы 

<form id="addAttachmentForm" method="post" enctype="multipart/form-data" novalidate="novalidate">
<div class="modal-body">
    <div class="companyAttachment box__input dz-clickable"
    </div>
    <textarea class="form-control resizeNone" name="Note" placeholder="Your note here" rows="5"></textarea>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
    <button type="submit" class="btn btn-primary btn-Attachment" id="add-attachment">ADD ATTACHMENT</button>
</div>

Код JS 

$(document).on('submit', '#addAttachmentForm',function(e) {
e.preventDefault();
    $.ajax({
        type: 'POST',
        url: '/attachment/store',
        data: new FormData(this),
        contentType: false,
        cache: false,
        processData:false,
        beforeSend: function () {
        },
        success: function(response)
        {
            // contactDropzone.processQueue();
        },
        error: function (data) {
        }
    });});

Dropzone.autoDiscover = false;
var contactDropzone = $('.companyAttachment').dropzone({
   url: null,
   paramName: 'file',
   addRemoveLinks: true,
   maxFiles: 1,
   autoProcessQueue: false,
   maxFilesize: 2,
   acceptedFiles: 'image/*,application/pdf',
   init: function(){
       this.on("addedfile", function(file, data) {
       });
   }});

Я установил значение по умолчанию для autoProcessQueue - false, но ясбит с толку, когда мне нужно вызвать contactDropzone.processQueue () метод для работы для отправки формы AJAX?или, пожалуйста, предложите мне другие более эффективные способы прикрепления POST-данных и полей примечаний при отправке формы jQuery AJAX.

...