Dropzone - отправить изображение на контроллер с другими данными формы при отправке

Я работаю в проекте laravel 5.3.

прежде чем задать вопрос, я пробовал эти ссылки:

1-й , 2nd , 3rd, 4-й, 5th, но не повезло.

позвольте мне показать вам мой код.

details.blade.php

<form class="form"  method="post" action="{{url('add_user_photo_gallery')}}" id="my-awesome-dropzone"  name="validate_resume">
<input name="_token" type="hidden" value="{{ csrf_token() }}"/>
<div class="card-body">
    <div class="row">
        <div class="col-md-12 col-sm-12 text-center">
            <div class="form-group floating-label">
                <div id="dropzonephoto" class="dropzone dz-clickable form-fileupload">
                    <div class="dz-message dz-default" style="text-align:center;">

                        <span>Click Here to upload Photo </span>
                    </div>
                </div>
            </div>
            <small>jpg, png , jpeg - upto 1 Mb max</small>
        </div>

        <div class="col-md-12">
            <input type="text" name="first_name" />
        </div>

        <div class="col-md-12">
            <input type="text" name="last_name" />
        </div>

        <div class="col-md-12">
            <input type="email" name="email" />
        </div>

        <div class="row">
            <div class="col-md-12">
                <input type="submit" id="btn_save_photo" class="custom-btn primary-btn pull-right" required>
                <input type="reset" id="btn_reset_photo" class="custom-btn warning-btn pull-right" value="Cancle" required>
            </div>
        </div>
    </div>
</div>
</form>

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone('#dropzonephoto', { // Make the whole body a dropzone
    url: base_path + '/add_user_photo_gallery',
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },        
    paramName: "images",
    parallelUploads: 1,
    maxFilesize: 1.0,
    maxFiles:20,
    acceptedFiles: ".png,.jpg,.jpeg",
    dictInvalidFileType: 'This file type is not supported.',
    dictFileTooBig:'File size too Big',
    addRemoveLinks: true
});



public function add_user_photo_gallery(Request $request){

    dd($request->all());

}

В моей функции контроллера я печатаю запрос, поступающий из формы. Я получаю все поле, кроме изображения dropzone.

используя приведенный выше скрипт dropzone, когда я выбираю изображение, он сразу же переходит к контроллеру, и я могу видеть все детали изображения в консоли/сети. Я не хочу этого, поэтому я добавил код ниже в свой скрипт.

autoProcessQueue: ложь,

$('#btn_save_photo').on('click',function(e){
    e.preventDefault();
    myDropzone.processQueue();
});

После добавления этого кода изображение загружается на кнопку отправки, но другой элемент формы не отправляется. и этот процесс загрузки показан в разделе проверить элемент/сеть .

Итак, я хочу, чтобы кнопка отправки обновила страницу и распечатала все данные формы с изображением dropzone.

Кто-нибудь здесь, чтобы решить мою проблему?