Dropzone.js 上传框不会显示答案

【问题标题】：Dropzone.js upload box will not displayDropzone.js 上传框不会显示
【发布时间】：2014-04-04 12:42:54
【问题描述】：

我正在尝试将 Dropzone 的上传功能整合到我的 Laravel 4 应用中。

我已经在我的主布局中包含了 js/css 文件，就像这样

{{ HTML::style('packages/bootstrap/css/dropzone.css') }}
{{ HTML::script('packages/bootstrap/js/dropzone.js') }}

然后我在 add.blade.php 中包含了我希望该框出现的 html 表单

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

但是当我导航到列表/添加时，我看不到 dropzone。我还需要添加什么内容才能显示它吗？

【问题讨论】：

【解决方案1】：

确保您没有嵌套表单标签，否则会阻止显示框。

【讨论】：

【解决方案2】：

在页面上实例化 dropzone 类。

$("#my-awesome-dropzone").dropzone({ url: "/file-upload" });

这样您还可以添加dropzone 附带的一些选项。

【讨论】：

那没有多大作用。我在粘贴表单代码的
中仍然看不到任何内容。
是的，我做到了。 $(function() { $("#my-awesome-dropzone").dropzone({ url: "/file-upload" }); });
您在此之前包含了 Jquery？ firebug 或其他开发工具中是否显示任何错误？
是的，我已经包含了 jQuery 文件，并且在 firebug 中没有与此相关的错误。
“firebug 中没有与此相关的错误”让我相信存在一些错误。如果你的 JavaScript 有错误，后面的任何东西都不会被执行。