Ajax image load after dropzone success event

So I am using dropzone.js and I want to reload a particular image after the success event of dropzone.

my controller

public function edit($id)
{
    $offer = Offer::find($id);

    if(!is_object($offer->getMedia('featimgs')->first())){
        $offerfeatimg = '/assets/images/offerfeatimg.jpg';
    } else {
        $offerfeatimg = $offer->getMedia('featimgs')->first()->getUrl('medium');
    }

    return view('admin.offers.edit')->with(compact('offer', 'offerfeatimg'));
}

so this is where I pass the image to the view:

<div class="panel-body">
            <img src="{{ $offerfeatimg }}" class="img-responsive">
            @if($offerfeatimg != '/assets/images/offerfeatimg.jpg')
            <div class="removebutton">
                <a href="/admin/offer/featimg/delete/{{ $offer->id }}" class="btn btn-danger" role="button">Izbrisi sliku</a>
            </div>
            @endif
            <form action="/admin/offer/featimg/{{ $offer->id }}" class="dropzone" id="my-awesome-dropzone">
                {!! csrf_field() !!}
                <div class="dz-message">Prebacite glavnu sliku za ovu ponudu</div>
            </form>

        </div>

the view:

so I would want to reload this part via ajax after success dropzone event:

<img src="{{ $offerfeatimg }}" class="img-responsive">
            @if($offerfeatimg != '/assets/images/offerfeatimg.jpg')
            <div class="removebutton">
                <a href="/admin/offer/featimg/delete/{{ $offer->id }}" class="btn btn-danger" role="button">Izbrisi sliku</a>
            </div>
            @endif

Any ideas ?

via Chebli Mohamed