在局部视图上设置放置区的正确方法是啥？

Posted 2023-02-22

【中文标题】在局部视图上设置放置区的正确方法是啥？

【英文标题】：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,
    ;

【参考方案1】：

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

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

或 JQuery ：

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

来源：Dropzone

最好的问候，

尼诺斯