【问题标题】: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。 我还需要添加什么内容才能显示它吗?

【问题讨论】:

    标签: javascript html css dropzone.js


    【解决方案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 有错误,后面的任何东西都不会被执行。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签