Laravel-RouteCollection.php第251行中的MethodNotAllowedHttpException

Question

My question is about upload photo with Ajax.

This is my blade:

<section class="panel">
    <header class="panel-heading">
        Medya Ekle
    </header>
    <div class="panel-body">
        <form class="form-horizontal tasi-form" id="upload_form" method="post" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="form-group">
                <label class="col-sm-2 control-label">Medya Başlığı *</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control mediaTitleTxt" name="mediaTitleTxt" autocomplete="off" required>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Medya *</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control mediaInput" name="mediaInput" autocomplete="off" required>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-12">
                    <button class="btn btn-success pull-right addMediaBtn">Ekle</button>
                </div>
            </div>
        </form>
    </div>
</section>

<section class="panel tasks-widget">
    <header class="panel-heading">
        Medyalar
    </header>
    <div class="panel-body">

    </div>
</section>

<!--main content end-->

This is my JS code:

let form = $("#upload_form");
form.on("submit", function (e) {
    e.preventDefault();
    $.ajax({
        url:"/api/media/create",
        method:"POST",
        data:new FormData(this),
        dataType:'JSON',
        contentType: false,
        cache: false,
        processData: false,
        success:function(data)
        {
            console.log(data);
        }
    });
});

This is my routes/api.php:

Route::post("media/create", "api@createMedia");

This is my controller:

public function createMedia(Request $request){
    //TODO Upload image
    return [$request];
}

When I click submit button I'm getting this error:

MethodNotAllowedHttpException in RouteCollection.php line 251

I can't figure it out. How can I solve this?

Answer 1

Could you try to put that route in web.php ? then call it from there without including the /api/ in the link

Answer 2

For anyone wondering: problem is that he used GET in his code at some point, but he fixed it by now and it's working. Please see the comments to his question for further information. Some general notes after I've seen the questions and proposed answers:

1. General information about Laravel Routes can be obtained from the docs: https://laravel.com/docs/5.7/routing (make ure you use the one version that matches your laravel version)
2. API Routes defined in api.php do always auto prepend api/ so theres no need to specifically type that in the route files
3. Leading / in routes are not necessary Route::get("api/test", function(){}); can be accessed by /api/test .
4. However, trying to access it by using /api/test/ results in an MethodNotAllowedException as Laravel assumes that after the / something follows as a get parameter. So be careful :)

Answer 3

It was about old jQuery version I change jQuery version and problem solved. Thanks for helping.