dropzone square没有显示

时间:2015-12-04 15:24:33

标签: php css laravel dropzone.js

我使用dropzone为我的webapp构建上传功能(使用laravel)。 (dropzone.com)。

但是我没有看到应该存在的上传广场。 这是我的主要.blade:

    <html>
<head>
    <title> @yield('title') </title>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <!-- Include roboto.css to use the Roboto web font, material.css to include the theme and ripples.css to style the ripple effect -->
    <link href="/css/roboto.min.css" rel="stylesheet">
    <link href="/css/material.min.css" rel="stylesheet">
    <link href="/css/ripples.min.css" rel="stylesheet">
    <link href="/css/custom.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.2.0/dropzone.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

@include('standaard.navbar')

@yield('content')

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="/js/dropzone.js"></script>

<script src="/js/ripples.min.js"></script>
<script src="/js/material.min.js"></script>
<script>
    $(document).ready(function() {
        // This command is used to initialize some elements and make them work properly
        $.material.init();
    });

</script>
</body>

</html>

这是我的dropzone页面:

@extends('standaard.master')
@section('name', 'Uploadcenter')

@section('content')
    <div class="container col-md-6 col-md-offset-3">
    <div class="jumbotron">
            <h1>UploadCenter</h1>

            <p>Hier kunt u eenvoudig en snel bestanden met ons delen. U hoeft het er alleen maar in te slepen!</p>

            <p><a class="btn btn-primary btn-lg">Learn more</a></p>
          </div>
        <div class="well well bs-component">
        <div class="bs-component">
        </div>
            <form action="/{{ $user->id }}/files" method="post" class="dropzone" id="my-awesome-dropzone">
                {!! csrf_field() !!}
            </form>
        </div>
    </div>
@endsection

但我只看到这个:

enter image description here

enter image description here

我做错了什么?

0 个答案:

没有答案