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

【问题标题】：Initialize Dropzone dynamically (at Run time) in Javascript在 Javascript 中动态初始化 Dropzone（在运行时）
【发布时间】：2020-08-29 09:16:21
【问题描述】：

所以我试图在单击按钮时创建一个新的 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>

任何帮助将不胜感激

【问题讨论】：

标签： javascript html dropzone.js dynamically-generated dropzone

【解决方案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>

【讨论】：