Laravel - MethodNotAllowedHttpException in RouteCollection.php line 251

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?

javascript post url is /api/media/create but your route is just media/create I guess that should be the problem ? — tinker
Route defined in the routes/api.php Within this group, the /api URI prefix is automatically applied. @sking — M. Özdemir
do you get the error as a post error in the console or do you get the error view of laravel? — François L
GET localhost:8000/api/media/… 405 (Method Not Allowed) I'm getting this error. @FrançoisLanzeray — M. Özdemir
So you get these MethodNotAllowed Exceptions when you defined a post route but you do not send a post request to this route. And as you are getting a GET error, you are sending a get. I'd guess everythings fine on the laravel part, but there seems to be a problem in you're html/js, I'll have a look into it... — François L

Kneegrows Kneegrows · Accepted Answer · 2019-01-19T13:05:31

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

Laravel - MethodNotAllowedHttpException in RouteCollection.php line 251

3 Answers