为什么我不能使用jquery发布到laravel路由？

Question

I'm trying to submit a single value as following?

HTML:

 <form class="form-horizontal" role="form" method="POST"  enctype="multipart/form-data" name="frmanalyse" id="frmanalyse">
{{ csrf_field() }}
 <label for="marginsource" style="float: left;  width:150px; text-align:left;">Margin Source</label>
 <input type="file" name="marginsource" id="marginsource" >
 <br />
 </form>

script:

 <script type="text/javascript">
  $( "#frmanalyse" ).submit(function(event) {
            $.post( "marginanalyser", {username: "medo ampir"}, function( data ) {
                alert(data);
            });
            event.preventDefault();
  });

in laravel routes:

Route::post('marginanalyser',function(Request $request){
 echo $request->input('username');

 $file = $request->file('marginsource');
echo 'File Name: '.$file->getClientOriginalName();
});

nothing shows in the message at all.

Answer 1

Change your JavaScript to use FormData as you aren't submitting the file

$( "#frmanalyse" ).submit(function(event) {
    event.preventDefault();

    var formData = new FormData();
    formData.append('marginsource', $('#marginsource')[0].files[0]);
    formData.append('username', "medo ampir");

    $.ajax({
        url : window.location.origin + "/marginanalyser",
        type: "POST",
        data : formData,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        processData: false,
        contentType: false,
        success:function(data, textStatus, jqXHR) {
            console.log(data);
        },
        error: function(jqXHR, textStatus, errorThrown){
            //if fails     
        }
    });
});