dropzone.js在angularjs局部视图中不起作用

时间:2015-01-06 06:42:10

标签: javascript angularjs drag-and-drop dropzone.js image-upload

Dropzone js是一个非常棒的插件,用于拖动&删除上传。我希望它在我的angularjs项目中实现。

请找到我尝试的方案

我已经包含了

<form id="my-awesome-dropzone" action="/target" class="dropzone"></form>

在局部视图内部,同时执行从DOM中删除的浏览器标记中的页面。

当我将它包含在index.html页面中时,它正常工作。请让我知道如何在angularjs局部视图中使dropzone工作。

2 个答案:

答案 0 :(得分:2)

我遇到了同样的问题。对于复制,dropzone选择器new Dropzone('#selector')在默认模板上的工作方式不正常。选择器在异步时失败。加载视图。有一个简单的解决方案。表单上的Init dropzone将正确执行dropzone模板呈现。

视图

<form id="dropzone-form" class="dropzone"></form>

的JavaScript

var myDropzone = new Dropzone('#dropzone-form', {
    url: "/file/post"
});

答案 1 :(得分:0)

你提到你包括:

<form id="my-awesome-dropzone" action="/target" class="dropzone"></form>

问题可能只是您将上述表格“包含在”另一种表格中。