مشکل پیاده سازی dropzone در لاراول

سلام دوستان من میخوام ارسال فایل توسط dropzone پیاده سازی کنم کدها هم بصورت زیر هست ولی در نهایت به درستی به پروژه اضافه نمیشه.

 

@extends('admin.layout.master')

@section('style')
    <link rel="stylesheet" href="{{url('/css/dropzone.min.css')}}">
@endsection

@section('content')

    <div class="row">

        <div class="col-sm-3">
        </div>

        <div class="col-sm-6 col-sm-off">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title-wrap bar-primary">
                                <h4 class="card-title" id="basic-layout-card-center">افزودن برند</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="px-3">
                                <form class="form" method="post" action="{{ url('administrator/brands')}}">
                                    {{ csrf_field() }}

                                    <div class="form-body">

                                        <div class="form-group">
                                            <label for="cat_name">عنوان</label>
                                            <input type="text" id="cat_name_l" class="form-control" name="title">
                                        </div>
                                        <div class="form-group">
                                            <label for="cat_name">توضیحات برند</label>
                                            <input type="text" id="meta_title" class="form-control" name="brand_description" placeholder="اطلاعات بیشتری درباره برند وارد نمایید">
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-12 col-md-12">
                                                <label>لوگوی برند مورد نظر را انتخاب نمایید</label>
                                                    <div class="dropzone">
                                                        <input id="brand_photo">
                                                    </div>
                                                </div>
                                            </div>

                                    </div>

                                    <div class="form-actions center">
                                        <button type="submit" class="btn btn-success">
                                            <i class="icon-note"></i> ذخیره
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="card-body">
                    <div class="card-block">



                    </div>
                </div>
        </div>

    <div class="col-sm-3">
    </div>

    </div>





@endsection


@section('scripts')
    <script type="text/javascript" src="{{url('/js/dropzone.js')}}"></script>
    <script>
        let drop = new Dropzone('#brand_photo',{
            url:"{{route('photos.create') }}",
        });
    </script>

@endsection

 

و خروجی هم به این شکل نمایش داده میشه (کش پاک شده) و فایل ها هم داخل پوشه public هستند. ممنون میشم راهنمایی کنید

 

آموزش کار با dropzone در لاراول 

برچسب ها:
پرسیده شده در: 2 سال قبل
آمار بازدید: 723
بیش از ۱ سال عضویت در روکسو بیش از ۱ سال عضویت در روکسو
1

مشکل حل شد. جواب میزارم شاید یکی مشکل من داشت

کل dropzone شامل کلاس و id باید داخل div تعریف بشه حتما به این صورت : 

<div  id="brand_photo" class="dropzone">
</div>

 

ارسال شده در: 2 سال قبل
بیش از ۱ سال عضویت در روکسو بیش از ۱ سال عضویت در روکسو
جهت ارسال پاسخ ابتدا عضو سایت شوید.