如何将Jcrop与Laravel一起使用

我看了这个

https://www.youtube.com/watch?v=aflTCbGdzDc

使用jcrop的教程，但它是用于

Php

，当我将它与

Laravel

一起使用时，程序停止在

验证

，说需要

图像字段

，就像我没有选择图像，但我确实选择了，我看到盒子里的图像。注意：当我在裁剪模式下按下上载按钮时，会出现以下错误：

POSThttp://localhost:8000/server/ctrl.php?fileapi155837244028211 404（未找到）

，似乎我需要设置post rout，但如何设置？我不知道。有人知道我们应该如何在拉雷维尔与jcrop合作吗？ 这是我的密码：

<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>

@csrf
انتخاب عکس
در حال بارگذاری
بارگذاری
var FileAPI={
是的，
媒体:对,，
静态路径：“{asset（'crop-userpic\FileAPI'）}”
};

这是图像：

正如您所看到的，图像在框中，但是当我按下submit时，我得到了验证错误

图像字段是必需的

，就像我根本没有图像一样

请帮帮我。我不知道该怎么办。我喜欢这个Jcrop