无法从Laravel的请求中读取多部分/表单数据

Question

我正尝试使用AJAX发送带有上传文件和多部分/表单数据编码的表单。我使用这种形式：

{!! Form::model($user, ['method' => 'PATCH', 'url' => ['/administrator/users', $user->id], 'class' => 'form-horizontal', 'files' => 'true', 'id' => 'userEdit']) !!} 
    <div class="modal-body"> 
     <div class="form-group"> 
      <label class="col-sm-3 control-label">Avatar:</label> 
      <div class="col-sm-9"> 
       <img src="/dashboard/assets/img/avatar/{{ $user->profile->avatar }}" class="img-circle m-b" /> 
       <input type="file" name="avatar" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="form-group"> 
      <label class="col-sm-3 control-label">Name:</label> 
      <div class="col-sm-9"> 
       <input type="text" name="first_name" value="{{ $user->profile->first_name }}" class="form-control" /> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label class="col-sm-3 control-label">Surname:</label> 
      <div class="col-sm-9"> 
       <input type="text" name="last_name" value="{{ $user->profile->last_name }}" class="form-control" /> 
      </div> 
     </div> 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="submit" class="btn btn-info" data-user-id="{{$user->id}}">Save</button> 
    </div> 
{!! Form::close() !!} 

我试着用Ajax发送的数据是这样的：

$('#editUser').submit('#userEdit', function(event) { 
      event.preventDefault(); 
      $.ajax({ 
       type: 'PATCH', 
       url: '/administrator/users/1', 
       data: new FormData(userEdit), 
       processData: false, 
       contentType: false, 
       mimeType: "multipart/form-data", 
       headers: { 
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
       }, 
       success: function(data) { 
        alert(data); 
       }, 
       error: function(xhr, str){ 
        alert(str); 
       } 
      }); 
     }); 

而在结果，我无法从控制器请求读取输入。它返回一个空数组。

public function update($id, Request $request){ 
     dd($request->all()); 
    } 

我认为我在发送多部分数据时出错。如何正确发送它？

Answer 1

看来你是不添加FormData正确，你的事件似乎被打破，你应该添加AJAX中的数据是这样的：

$('#editUser').on('submit', function(event) { 
    event.preventDefault(); 

    var form = $(this); // You need to use standard JS object here 
    var formData = new FormData(form); 

    $.ajax({ 
     type: 'PATCH', 
     url: '/administrator/users/1', 
     data: formData, 
     headers: { 
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
     }, 
     success: function(data) { 
      alert(data); 
     }, 
     error: function(xhr, str){ 
      alert(str); 
     } 
    }); 
}); 

希望这有助于！