使用 ajax 提交 multipart/form-data 时，文件为空

Question

我在使用 ajax 提交 multipart/form-data 时遇到问题。

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 内容处置：表单数据；名称=“照片[]”；文件名="" 内容类型：application/octet-stream

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

请帮我解决这个问题。谢谢。

Answer 1

请将您的代码var formData = new FormData(this); 中的一行更改为var formData = new FormData($(this)[0]);，然后检查。

当我们创建 FormData 的实例时，我们传递 form[0] 而不是 form.这意味着实际的表单元素，而不是 jQuery 选择器。