使用ajax提交多部分/表单数据时，文件为空

Question

在使用ajax提交多部分/表单数据时，我遇到了一个问题。

HTML代码：

<form id='form_foto' method='post' enctype='multipart/form-data'>
   <input type='hidden' id='id_noticia' name='id_noticia' value='"+id_noticia+"' />
   <input name='foto[]' type='file' multiple />
</form>

jQuery和Ajax：

          $("#form_foto").submit(function(e){

                $("#form_foto").append("<br />Aguarde...");

                var formData = new FormData(this);

                $.ajax({
                    url: "/PortalGBD/services",
                    type: "POST",
                    data: formData,
                    async: false,
                    dataType: "multipart/form-data",
                    processData: false,
                    contentType: false,
                    success: function(resposta){
                        alert(resposta);
                    }
                });
                e.preventDefault(); 
            });
            $("#form_foto").submit();
            self.close();
        }

以及文件输入为空的请求：

-----------------------------65942623427134内容-处置：表单-数据；名称="id_noticia"

336-----------------65942623427134内容配置：表单数据；name=“foto[]”；filename=”“内容类型：应用程序/八位字节流

-----------------------------65942623427134--

请帮我解决这个问题。非常感谢。

Answer 1

请将代码var formData=new FormData（this）中的一行更改为var formData=new FormData（$（this）[0]）；，然后检查它。

当我们创建FormData的实例时，我们传递的是表单[0]，而不是表单。它是实际的表单元素，但不是jQuery选择器。