成功功能在 dropzone 中第二次不起作用

Question

我正在使用 dropzone.js。它第一次工作正常，但是当我第二次尝试上传图像时，成功功能并没有被激活。我正在使用以下代码，这里的问题是当我单击一个按钮时会打开一个弹出窗口并且我 select 图像和成功函数中的功能工作正常。当我单击提交按钮时，弹出窗口消失。如果我再次遵循相同的过程，那么成功函数就不会被激活。

                var thumbnailwidth = 100;
                var thumbnailheight = 100;

                var mydropzone = null;
                function initDropZone(){
                    var preview_template  = $('#preview-template').html();

                    mydropzone = $("#gpZUpload").dropzone({
                        url: "<?php echo CHILD_DIR;?>/buddypress/activity/upload.php",
                        thumbnailHeight:10000,
                        thumbnailWidth:10000,
                        maxFiles:1,
                        // previewTemplate: preview_template,
                        previewsContainer: "#preview",  
                        success: function (file, response) {
                            var obj1 = $.parseJSON(response);
                            var imgName = obj1.image_url;
                            window.thumbnailwidth = obj1.width;
                            window.thumbnailheight = obj1.height;
                            var image_location=imgName
                            file.previewElement.classList.add("dz-success");
                            var input = document.createElement("input");
                            input.setAttribute("type", "hidden");
                            input.setAttribute("name", "image_url");
                            input.setAttribute("value", imgName);
                            file.previewTemplate.appendChild(input);
                            //$('.crop-button').trigger('click');
                            initJCrop();
                        },
                        error: function (file, response) {
                            file.previewElement.classList.add("dz-error");
                        } 
                    });
                }


                mydropzone.on("addedfile", function(file) {
                    alert('hello');
                });

            function initJCrop(){
                $('#preview img[data-dz-thumbnail]').Jcrop({            
                    trueSize: [window.thumbnailwidth,window.thumbnailheight],
                    onChange:showCoords,
                    onSelect:showCoords,
                    bgOpacity:.4,
                    setSelect:[210, 245, 800, 600 ],
                    aspectRatio:16/9
                });
            }

            function showCoords(c){
                $('.x1_cords').val(c.x);
                $('.y1_cords').val(c.y);
                $('.x2_cords').val(c.x2);
                $('.y2_cords').val(c.y2);
                $('.new_width').val(c.w);
                $('.new_height').val(c.h);
            };

提前致谢。

Answer 1

经过长时间的研究，我发现如果我们设置 maxFiles:n 其中 'n' 是一个数字，那么在我的例子中成功函数只会被调用 n 次 1 次。所以我省略了它，它开始运行很好。

成功功能在 dropzone 中第二次不起作用

success function does not work second time in dropzone

jquery

dropzone.js