首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用补丁方法通过jQuery ajax向Laravel 5发送包含文件的表单?

如何使用补丁方法通过jQuery ajax向Laravel 5发送包含文件的表单?
EN

Stack Overflow用户
提问于 2016-10-19 09:24:23
回答 3查看 3.3K关注 0票数 2

这是我的密码:

代码语言:javascript
复制
 //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(请求()->all())返回:

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

但是,当将方法更改为修补程序时,我会收到空数组。

有人能解释我做错了什么,并分享通过ajax使用补丁方法将FormData发送到L5的正确方式吗?

我正在使用Laravel5.2和jQuery 2.2.3

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-10-19 09:42:03

您可以这样做,名为方法欺骗。这个诡计就是Laravel在形式上所做的。如果您想发送修补程序请求,可以将这一行放在代码中。

代码语言:javascript
复制
<input type="hidden" name="_method" value="PUT">

您可以在这里阅读更多关于方法欺骗的内容。

票数 3
EN

Stack Overflow用户

发布于 2016-11-25 00:13:56

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

在您的代码中,它将如下所示:

代码语言:javascript
复制
$('#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);
});
票数 8
EN

Stack Overflow用户

发布于 2016-11-25 07:24:19

带有隐藏输入的解决方案是正确的。医生很好地解释了这一点。

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

代码语言:javascript
复制
Route::match(['post', 'patch'],'/slide/{id}', function($request) {
  dd(request()->all());
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40127289

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档