как использовать Jcrop с Laravel - PullRequest
Новая
       34

как использовать Jcrop с Laravel

1 голос
/ 20 мая 2019

Я смотрел этот https://www.youtube.com/watch?v=aflTCbGdzDc учебник по использованию jcrop, но он для Php, когда я использую его с Laravel, программа останавливается на Validation, говорит image filed is required, как у меня естьвыбрал изображение, но у меня есть!и я вижу изображение в коробке.Примечание: когда я нажимаю кнопку загрузки в модальном кадрировании, я получаю эту ошибку: POST http://localhost:8000/server/ctrl.php?fileapi155837244028211 404 (Not Found), кажется, мне нужно установить маршрут поста, но как?я не знаю .кто-нибудь знает, как мы должны работать с jcrop в laravel?вот мой код: 

<link href="{{asset('crop-userpic\style.css')}}" rel="stylesheet"/>
    <link href="{{asset('crop-userpic\jcrop\jquery.jcrop.min.css')}}" rel="stylesheet"/>

    <form method="post" action="{{route('testing')}}" enctype="multipart/form-data">
        @csrf
        <div class="container">
            <div id="userpic" class="userpic">
                <div class="js-preview userpic__preview"></div>
                <div class="btn btn-success js-fileapi-wrapper">
                    <div class="js-browse">
                        <span class="btn-txt">انتخاب عکس</span>
                        <input type="file" name="image" id="image">
                    </div>
                    <div class="js-upload" style="display: none;">
                        <div class="progress progress-success">
                            <div class="js-progress bar"></div>
                        </div>
                        <span class="btn-txt">در حال بارگذاری</span>
                    </div>
                </div>
            </div>
        </div>

        <div id="popup" class="popup" style="display: none">
            <div class="popup__body">
                <div class="js-img"></div>
            </div>
            <div style="margin: 0 0 5px;text-align: center">
                <div class="js-upload btn btn_browse btn_browse_small">بارگذاری</div>
            </div>
        </div>
        <input type="submit" name="submit" value="sumbit" />
    </form>



    <script src="{{asset('crop-userpic\jquery.min.js')}}"></script>
    <script src="{{asset('crop-userpic\jquery.easing.min.js')}}"></script>
    <script>
        var FileAPI = {
            debug: true,
            media: true,
            staticPath: '{{asset('crop-userpic\FileAPI')}}'
        };
    </script>

    <script src="{{asset('crop-userpic\FileAPI\FileAPI.min.js')}}"></script>
    <script src="{{asset('crop-userpic\FileAPI\FileAPI.exif.js')}}"></script>
    <script src="{{asset('crop-userpic\jquery.Fileapi.js')}}"></script>
    <script src="{{asset('crop-userpic\jcrop\jquery.Jcrop.min.js')}}"></script>
    <script src="{{asset('crop-userpic\statics\jquery.modal.js')}}"></script>
    <script src="{{asset('crop-userpic\script.js')}}"></script>

, и это изображение: https://drive.google.com/open?id=1qgEmA9RlKy_eilZohCLajGmnVfqWSB9E

, как вы можете видеть, изображение находится в поле, но когда я нажимаю кнопку отправки, я получаю подтверждениеошибка image field is required, как будто у меня вообще нет изображения

пожалуйста, помогите мне.я не знаю что делатьи я люблю этот Jcrop.

...