ajax上传的文件没有在Laravel的php控制器中获取数据

Question

我正在使用 ajax 在 Laravel 中上传照片。 URL 工作正常，但控制器中的功能未接收数据。

HTML 代码

<input type="file" id="photo_input">

Ajax / JQuery 代码

$('#photo_input').change(function(){
var formData = new FormData('#photo_input');    
$.ajax({
       type:'POST',
       url: home_url+'/upload-image',
       data:formData,
       cache:false,
       enctype: 'multipart/form-data',
       contentType: false,
       processData: false,
       success:function(data){
               console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    });

控制器中的 PHP 代码

public function uploadImage(){
  $data = Input::all();
  print_r($data);
}

控制器中函数的响应

array(
);

我没有在html中使用<form>标签，我想直接上传。我需要添加<form> 标签吗？ 有什么遗漏的吗？

Answer 1

$("#example-form").submit(function(){

var formData = new FormData($(this)[0]);
    $.ajax({
        data: formData
    });
});

Answer 2

这样做：

<form method="POST" id="photoform" enctype="multipart/form-data">
<input type="file" id="photo_input">
</form>

相应地，ajax 请求应该像这样改变：

$('#photoform').submit(function(){
var fileupload = $('#photo_input').val();    
$.ajax({
       type:'POST',
       url: home_url+'/upload-image',
       data:{
           file: fileupload,
       },
       cache:false,
       enctype: 'multipart/form-data',
       contentType: false,
       processData: false,
       success:function(data){
               console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    });