Laravel 5 Ajaxのファイルのアップロード

Question

聞くが、私はいつもこのスクリプトによって、AJAXリクエスト

$(document).ready(function(){ 
      $("#add_doctor").submit(function(e){ 
       e.preventDefault(); 

       $.ajax({ 
        url : '/save-doctor', 
        type : 'POST', 
        data : { 
         'photo' : $('input:file[name=photo]').val(), 
         'email' : $('input[name=email]').val(), 
         '_token': $('input[name=_token]').val() 
        }, 
        success : function(data){ 
         console.log("Sucess"); 
         console.log(data); 
        }, 
        error : function(data){ 
         console.log("error"); 
         console.log(data); 
        } 
       }); 
      }); 
}); 

アヤックスを送信

<form role="form" method="POST" action="/save-doctor" id="add_doctor" enctype="multipart/form-data"> 
{!! csrf_field() !!} 
<input name="photo" type="file" id="imgInp" accept="image/png, image/jpeg,image/jpg" onchange="readURL(this);"> 
<input type="email" class="form-control" name="email" id="email""> 
</form> 

私のHTMLフォームです私にファイルではなく完全なファイルパスを与えてください。 laravelでajax経由で画像やファイルをアップロードするにはどうすればいいですか？ ありがとうございます。

Answer 1

新しいFormオブジェクトを作成し、

$(document).ready(function (e) { 
    $('#add_doctor').on('submit',(function(e) { 
     e.preventDefault(); 
     var formData = new FormData(this); 

     $.ajax({ 
      type:'POST', 
      url: $(this).attr('action'), 
      data:formData, 
      cache:false, 
      contentType: false, 
      processData: false, 
      success:function(data){ 
       console.log("success"); 
       console.log(data); 
      }, 
      error: function(data){ 
       console.log("error"); 
       console.log(data); 
      } 
     }); 
    })); 

    $("#imgInp").on("change", function() { 
     $("#add_doctor").submit(); 
    }); 
});