Veja só:
HTML
<form id="form" enctype="multipart/form-data" action="paginax.php" method="post">
<input name="nome_arquivo" type="file"/>
<input type="hidden" value="valor_name1" name="name1"/>
<input type="hidden" value="valor_name" name="name2"/>
</form>
JAVASCRIPT
$(document).ready(function(){
$("#enviar_form").click(function(){
$.ajax({
method:"POST",
data: $("#form").serialize(),
url: "paginax.php",
contentType:"multipart/form-data; boundary=---------------------------1922310697355",
headers:{
"Accept":"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
"Accept-Encoding":"gzip, deflate",
"Accept-Language":"pt-BR,pt;q=0.8,en-US;q=0.5,en;q=0.3",
"Content-Length":"781659",
"Content-Type":"multipart/form-data; boundary=---------------------------1922310697355",
"User-Agent":"Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0"
},
success:function(){alert("foi!");},
error: function(e){alert(e);}
});
});
});
A questão é, configurei no ajax os cabeçalhos da requisição(headers), e no Content-type do cabeçalho coloquei: multipart/form-data; boundary=---------------------------1922310697355
.
Minha expectativa era que os dados a serem enviados fossem divididos pelo o que determinei no boundary(---------------------------1922310697355).
Porém, ao consultar a requisição que é feita, vejo ela sendo posta desta forma:
name1=valor_name1&name2=valor_name
Ou seja, além de não ser dividida como determinei no boundary, a imagem que eu selecionei no formulário(no input[type=file]) parece não ser enviada também.
Tenho 3 questões a abordar:
1° porquê não é enviado o POST como eu determinei na divisão?
2° porquê a imagem não é enviada, já que não enxergo ela nos dados enviados no POST(a não ser que ela seja disponível visualmente apenas pela var mágica $_FILES)..
3°
se eu determino no headers:
do $.jquery
o Content-type:...
, eu preciso configurar o campo/atributo Content:Type:
do $.jquery
da minha requisição denovo?