سوال بپرسید
0

مشکل پیاده سازی 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 در لاراول 

برچسب ها:
گزارش سوال
پرسیده شده در
آمار بازدید: 618

1 پاسخ

1

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

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

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