在Javascript中动态初始化Dropzone（在运行时）

Question

因此，我试图在单击按钮时创建一个新的Dropzone，因此我们可以在每次单击按钮时创建多个Dropzone，但是我无法在运行时初始化该dropzone。我也在这里关注了stackoverflow上的帖子，但无法正确解决问题。

<script>
    $("#addGroup").on("click", function() {
        var HtmlCodeOfSection =  '<form action="static/phpFiles/test.php" class="dropzone mx-3" 
        id="my-awesome-dropzone-1"></form>';
        $(".groups-section").append(HtmlCodeOfSection);
        Dropzone.options.myAwesomeDropzone = {
            paramName: "file", // The name that will be used to transfer the file
            maxFilesize: 5, // MB
            accept: function(file, done) {
                done();
            }
        };
    }
</script>

任何帮助将不胜感激

Answer 1

我以编程方式进行了此操作，现在一切正常：

<script>
    $("#addGroup").on("click", function() {
        var HtmlCodeOfSection =  ' <div class="dropzone" id="myId"></div>';
        $(".groups-section").append(HtmlCodeOfSection);
        Dropzone.autoDiscover = false;
            var myDropzone = new Dropzone("div#myId", {
                url: "static/phpFiles/test.php"
        });
    }
</script>