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

Question

这是我的代码：

 //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()->all()) returns:

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

但是当将方法更改为 PATCH 时，我收到空数组。

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

我正在使用 Laravel 5.2 和 jQuery 2.2.3

Answer 1

您可以执行名为 方法欺骗 的操作。这个技巧就是 Laravel 在其形式中所做的。如果你想发送补丁请求，你可以把这一行放在你的代码中。

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

您可以在此处阅读有关 method spoofing 的更多信息。

Answer 2

我在使用 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);
});

Answer 3

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

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

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

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

How to send form containing files via jQuery ajax using PATCH method to Laravel 5?

ajax

jquery

patch

file

laravel