javascript - 在局部 View 上设置拖放区的正确方法是什么？

Question

我正在尝试在部分 View 上设置放置区，但 init() 函数从未被触发。我在父 View 上放置了完全相同的 dropzone，它工作正常。是什么导致它在父 View 上正常工作但在 subview /局部 View 上不能正常工作？任何帮助将不胜感激，因为我在这个问题上被困了一段时间。

<div class="dropzone" id="dropzoneForm">
        <div class="fallback">
            <input name="file" type="file" multiple />
            <input type="button" value="Upload" class="k-button" />
        </div>
    </div>


<script>

Dropzone.autoDiscover = true;

    Dropzone.options.dropzoneForm = {

        init: function () {

            alert("init");

            this.on("complete", function (data) {
                //var res = eval('(' + data.xhr.responseText + ')');
                var res = JSON.parse(data.xhr.responseText);

                if (this.getQueuedFiles().length == 0) {
                    alert("Image was uploaded successfully."); //Success Message
                }

            });
        },

        url: '@Url.Action("SaveFormImage", "Project")' + "?projID=" + '@projectID',
        paramName: "file",
        uploadMultiple: false,
        fileSizeBase: 1024,
        parallelUploads: 1,

        maxFiles: 1,
        maxFilesize: 1000,
        acceptedFiles: ".jpeg, .pdf, .bmp, .jpg, .png",
        addRemoveLinks: false,
        createImageThumbnails: false,
        dictDefaultMessage: "Drop Image Here or Click to Upload",
        //autoProcessQueue: false,
    };

Answer 1

我不确定你是否还在寻找这个，但你可以在 javascript 中触发 dropzone :

var myDropzone = new Dropzone("div#myId", { url: "/file/post"});

或 JQuery:

    $("div#myId").dropzone({ url: "/file/post" });

来源:Dropzone

最好的问候，

诺诺斯