Delete file on ajax post request in laravel

Question

Trying to delete uploaded images via ajax post request on post edit form. But i am facing some issues, when i press on delete button - it successfully sends ajax post request with image path, then in my controller i am trying to delete that file, but it not deleting it.

Here's my js:

(function($) {
    $('.del-image').click(function() {
        var thisUrl = $('.col-md-10 img').attr('src');

        $.ajax({
            method: 'post',
            url: '/del-image',
            data: {imgUrl: thisUrl, id: pageId},
            error: function(e) {
                alert('Error' + e);
            }
        });
    });
})(jQuery);

Then in controller i am receiving ajax post request:

public function deleteImage() {
    if (Request::ajax()) {
        $path = Input::get('imgUrl');
        File::delete($path);
        return 'ajax request';
    }

    return App::abort(404);
}

And in routes.php i have:

Route::any('del-image', array('uses' => 'PageController@deleteImage'));

Any help would be appreciated!

Are you sure that AJAX request is being sent to your controller and what you get instead, any error messages ? Where your files are saved (in the public folder) ? — The Alpha
– The Alpha, Commented Jun 8, 2014 at 16:57
No error messages, in a console i see the message 'ajax request' when i click delete button. — Alexander Kim
– Alexander Kim, Commented Jun 8, 2014 at 16:59
Try try{ File::delete($path); return 'ajax request'; } catch(Exception $e) { dd($e); } — The Alpha
– The Alpha, Commented Jun 8, 2014 at 17:02
Also make sure that path is right and has write permission. — The Alpha
– The Alpha, Commented Jun 8, 2014 at 17:04
I didn't see success method in your AJAX call, how do you see 'ajax request' in the console. — The Alpha
– The Alpha, Commented Jun 8, 2014 at 17:05

The Alpha · Accepted Answer · 2014-06-08 17:43:17Z

1

Just try this (To get the file path for uploads/filename.ext):

var  = $('.col-md-10 img').attr('src');
var thisUrlArray = thisUrl.split('/');
thisUrl = 'uploads/' + thisUrlArray.pop();

Then use thisUrl as your imgUrl in data parameter of AJAX call.

answered Jun 8, 2014 at 17:43

The Alpha

147k30 gold badges294 silver badges313 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alexander Kim Over a year ago

Thanks, mate! I've used: var thisImg = thisUrl.replace('domain.com', '');

Collectives™ on Stack Overflow

Delete file on ajax post request in laravel

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related