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

我试图在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>

控件是使用.html属性分配给对话框的

您添加了吗

$('#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 */       
});

---

小提琴会很有帮助。添加dropzone参数会有什么不同？1。通过设置新的dropzone，您可以确保dropzone设置正确2。一旦您确定它工作正常，您就可以添加参数来更精细地控制呈现给用户的主题，并更好地处理事件。例如，我使用它作为：codevar myNewDropzone=newdropzonenewuploadedform，{url:，uploadMultiple:true，autoProcessQueue:false，addRemoveLinks:false，clickable:true，previewTemplate:document.querySelector'preview-template'.innerHTML，init:function{this.onthumbnail，functionfile，fileurl{new_thumbnail_AddFile；}；this.ontotaluploadprogress，functionprogress{display_progressprogress；}；}；}；

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