Использую модальное с формой в которой есть два поля и зона для загрузки файлов dropzone.js
Нужно по нажатию кнопки "отправить" отправить данные на сервер вместе с файлами но без перезагрузки страницы.
Нашел в инете как отправить поля вместе с файлами
$("#drop").dropzone({
url: "/wp-admin/admin-ajax.php?action=helpdes",
autoDiscover: false,
addRemoveLinks: true,
createImageThumbnails: true,
thumbnailWidth: 100,
maxFiles: 3,
previewsContainer: '#drop',
dictRemoveFile: "удалить",
dictCancelUpload: "отмена",
dictFallbackMessage: "ваш броузер не поддерживает drag'n'drop загрузку",
dictCancelUploadConfirmation: "вы действительно хотите отменить загрузку ?",
autoProcessQueue: false,
uploadMultiple: true,
acceptedFiles: 'image/*',
resize: function(file) {
var info;
// drawImage(image, srcX, srcY, srcWidth, srcHeight, trgX, trgY, trgWidth, trgHeight) takes an image, clips it to
// the rectangle (srcX, srcY, srcWidth, srcHeight), scales it to dimensions (trgWidth, trgHeight), and draws it
// on the canvas at coordinates (trgX, trgY).
info = {
srcX:0,
srcY:0,
srcWidth: file.width,
srcHeight: file.height,
trgX:0,
trgY:0,
trgWidth: this.options.thumbnailWidth,
trgHeight: parseInt(this.options.thumbnailWidth * file.height / file.width)
}
return info;
},
init: function () {
var submitButton = document.querySelector("#hg-submit");
var wrapperThis = this;
submitButton.addEventListener("click", function () {
wrapperThis.processQueue();
});
this.on('sendingmultiple', function (data, xhr, formData) {
formData.append("NamePic", $("#name-pic").val());
formData.append("EmailOrPhone", $("#email-or-phone").val());
});
},
});
Но после отправки страница перегружается. Как сделать что бы не перегружалась.
Спасибо.
