Dropzone - ส่งรูปภาพไปยังคอนโทรลเลอร์พร้อมข้อมูลฟอร์มอื่นเมื่อส่ง

ฉันทำงานในโครงการ laravel 5.3

ก่อนที่จะถามคำถามฉันได้ลองใช้ลิงก์เหล่านี้แล้ว:

ที่ 1 , 2nd , อันดับที่ 3 , ที่ 4 ,อันดับที่ 5 แต่ไม่มีโชค

ให้ฉันแสดงรหัสของฉันให้คุณดู

รายละเอียด.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());

}

ในฟังก์ชันคอนโทรลเลอร์ของฉัน ฉันพิมพ์คำขอที่มาจากแบบฟอร์ม ฉันได้รับข้อมูลทั้งหมดแล้ว ยกเว้นภาพดรอปโซน

การใช้สคริปต์ดรอปโซนด้านบนเมื่อฉันเลือกรูปภาพ มันจะไปที่คอนโทรลเลอร์ทันที และฉันสามารถดูรายละเอียดรูปภาพทั้งหมดในคอนโซล / เครือข่าย ฉันไม่ต้องการสิ่งนั้น ดังนั้นฉันจึงเพิ่มโค้ดด้านล่างในสคริปต์ของฉัน

autoProcessQueue: เท็จ

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

หลังจากเพิ่มโค้ดนี้ รูปภาพจะถูกอัปโหลดบนปุ่มส่ง แต่ไม่ได้ส่งองค์ประกอบแบบฟอร์มอื่น ๆ และกระบวนการอัปโหลดนี้จะแสดงอยู่ใน ส่วนตรวจสอบองค์ประกอบ / เครือข่าย

สิ่งที่ฉันต้องการคือปุ่มส่งต้องการรีเฟรชหน้าและพิมพ์ข้อมูลแบบฟอร์มทั้งหมดด้วยรูปภาพดรอปโซน

มีใครอยู่ที่นี่เพื่อแก้ไขปัญหาของฉันหรือไม่