Question

我正在尝试在jQuery对话框中打开Dropzone上传控件，它正在显示表单，但我不能删除任何图像。

这是dropzone控件的代码：

<link rel="stylesheet" type="text/css" href="../../Content/dropzone.css" media="screen" />
<script type="text/javascript" src="<%= Url.Content("~/Scripts/dropzone.js") %>\"></script>
<form action='/file-upload' class='dropzone' id='my-awesome-dropzone'></form>

构建jQuery对话框的代码：

dialogObj = $("#_dialogPanel").dialog({
        autoOpen: false,
        resizeable: true,
        position: { my: "center-100 bottom-40", at: "center center" },
        stack: true,
        height: 'auto',
        width: 'auto',
        modal: true
    });

使用.html()属性

将控件分配给对话框

Answer 1

你有没有添加

$('#my-awesome-dropzone').dropzone({  previewsContainer: "#_dialogPanel" //or whatever the css selector is for your preview area })

如果你正在做很多事件和回调，我会忽略jQuery调用并转到：

var myAwesomeDropzone = new Dropzone("#my-awesome-dropzone", { previewsContainer: "#_dialogPanel"});

通过这种方式，您可以轻松添加

等事件

myAwesomeDropzone.on("thumbnail", function(file,fileurl) {
    /* Add a nice green good file tick or whatever else you want to do */       
});

在jQuery对话框中工作的Dropzone插件

1 个答案: