Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 一个表单中的多个Dropzone(正面和背面图像)-通过一个php文件处理数据_Javascript_Dropzone.js - Fatal编程技术网

Javascript 一个表单中的多个Dropzone(正面和背面图像)-通过一个php文件处理数据

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

见下图。这是我的表单,有两个dropzone.js实例

这是我提交按钮的代码:

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)
    });
    }