在局部视图上设置放置区的正确方法是什么？答案

【问题标题】：What is the correct way to set up a dropzone on a partial view?在局部视图上设置放置区的正确方法是什么？
【发布时间】：2016-03-21 13:43:26
【问题描述】：

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

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

【问题讨论】：

标签： javascript html asp.net-mvc-4 dropzone.js

【解决方案1】：

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

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

或 JQuery ：

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

来源：Dropzone

最好的问候，

尼诺斯

【讨论】：