如何使用PATCH方法通过jQuery ajax将包含文件的表单发送到Laravel 5?

时间:2016-10-19 09:24:23

标签: jquery ajax file laravel patch

这是我的代码:

 //routes.php
Route::match(['post', 'patch'],'/slide/{id}', function() {
    dd(request()->all());
});

//form
<form id="form" enctype="multipart/form-data">
    <input type="text" name="title">
    <input type="file" name="image">
</form>

//js
$('#form').on('submit',(function(e) {

    $.ajax({

        type: "PATCH",
        url:'/slide/' + id,
        data: new FormData(this),
        cache: false,
        contentType: false,
        processData: false

    }).done(function(r) {

        console.log(r);

    });
}));

当我使用POST方法时,一切都很好,dd(request() - &gt; all())返回:

array:2 [
  "title" => "foo"
  "file" => UploadedFile {#400
    -test: false
    -originalName: "bar.png"
    -mimeType: "image/png"
    -size: 4413
    -error: 0
    ...
  }
]

但是当改变方法到PATCH时我收到空数组。

有人可以解释我做错了什么,并分享使用PATCH方法通过ajax向L5发送FormData的正确方法吗?

我正在使用Laravel 5.2和jQuery 2.2.3

3 个答案:

答案 0 :(得分:8)

使用AJAX发送表单时遇到了类似的问题。在发送之前,我使用formData.append()函数将_method字段添加到FormData()

在您的代码中,它看起来像这样:

$('#form').on('submit',(function(e) {
  var formData = new FormData(this);

  formData.append('_method', 'patch');  
  $.ajax({
    type: "POST",
    url:'/slide/' + id,
    data: formData,
    cache: false,
    contentType: false,
    processData: false
  }).done(function(r) {
  console.log(r);
});

答案 1 :(得分:3)

您可以执行此命名方法欺骗。这个技巧就是Laravel的形式。 如果你想发送补丁请求,可以在你的代码中加上这一行。

<input type="hidden" name="_method" value="PUT">

您可以在此处详细了解method spoofing

答案 2 :(得分:0)

隐藏输入的解决方案是正确的。文档很好地解释了这一点。

但另一个问题是,$request数组在其调用上下文中不可用。 Laravel将识别此参数并将其传递给您的Closure,如下所示:

Route::match(['post', 'patch'],'/slide/{id}', function($request) {
  dd(request()->all());
});