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

Question

我想提交一个单一的值如下？

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

在laravel路线：

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

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

根本没有任何信息显示。

Answer 1

更改JavaScript才能使用FORMDATA你不是提交文件

$("#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  
     } 
    }); 
});