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

Posted 2023-05-08

【中文标题】dropzone.js 在 angularjs 局部视图中不起作用

【英文标题】：dropzone.js is not working inside angularjs partial view

【发布时间】：2015-03-03 19:28:57

【问题描述】：

Dropzone js 是一个很棒的插件，用于拖放上传。我希望它在我的 angularjs 项目中实现。

请找出我尝试过的场景

我已经包含了

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

在局部视图中，执行页面时浏览器标签本身已从 DOM 中移除。

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

【问题讨论】：

您找到解决方案了吗？

【参考方案1】：

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

查看

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

javascript

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

【参考方案2】：

你提到你包括：

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

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

【讨论】：

这没有提供问题的答案。一旦你有足够的reputation，你就可以在任何帖子上comment。还要检查这个what can I do instead。