Javascript 一个表单中的多个Dropzone(正面和背面图像)-通过一个php文件处理数据
见下图。这是我的表单,有两个dropzone.js实例 这是我提交按钮的代码:Javascript 一个表单中的多个Dropzone(正面和背面图像)-通过一个php文件处理数据,javascript,dropzone.js,Javascript,Dropzone.js,见下图。这是我的表单,有两个dropzone.js实例 这是我提交按钮的代码: document.getElementById("odeslani_kaminku").addEventListener("click", function(e) { // Make sure that the form isn't actually being sent. e.preventDefault(); e.stopP
document.getElementById("odeslani_kaminku").addEventListener("click", function(e) {
// Make sure that the form isn't actually being sent.
e.preventDefault();
e.stopPropagation();
if(chybyCheck() == 0){
majnDrop.processQueue();
majnDrop2.processQueue();
// majnDrop2.processQueue();
}
}))
一个Dropzone的我的JS(第二个Dropzone相同)
}))
当我按下submit按钮时,两个实例都被调用,我的PHP文件被调用2x
有没有办法从两个Dropzone实例中收集所有数据,从表单中只发送1x?我知道可以选择调用Dropzone2.getQueuedFiles(),但当我这样做时,我仍然需要以某种方式处理Dropzone2以完成漂亮的上传动画
谢谢你的帮助
var majnDrop = new Dropzone('#majnDrop_predni', {
url: 'imgupload.php',
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 1,
maxFiles: 1,
maxFilesize: 2,
acceptedFiles: 'image/*',
addRemoveLinks: true,
dictDefaultMessage: "Přední obrázek",
renameFile: function(file){
let newName = "predni___obrazek_"+ file.name;
return newName;
},
init: function() {
//send all the form data along with the files:
this.on("sendingmultiple", function(data, xhr, formData) {
console.log(majnDrop.getAddedFiles());
formData.append("psc_kaminku", jQuery("#psc_kaminku").val());
formData.append("kod_kaminku", jQuery("#kod_kaminku").val());
formData.append("kategorie_kaminku", jQuery("#kategorie_kaminku").val());
formData.append("odeslani_hidden", jQuery("#odeslani_hidden").val());
formData.append("number_hidden", jQuery("#number_hidden").val());
console.log(data);
console.log(xhr);
console.log(formData);
});
this.on('error', function(file, response) {
alert(file + response)
});
}