upload com form enviado por ajax

[hyperpixel 0]

tenho sistema que envia dados do form com ajax,

 

$(document).ready(function(){

	var iconCarregando = $('<img src="../images/loading_atom.gif" class="icon" /><span class="destaque">Carregando. Por favor aguarde...</span>');

$('#form_um').submit(function(e) {
e.preventDefault();
var serializeDados = $('#form_um').serialize();
$('#insere_aqui').css('display', 'block');
$.ajax({
		url: '../functions/envia_form_cadastro.php?id=<?php echo $id; ?>', 
		dataType: 'html',
		type: 'POST',
		timeout: 5000,
		data: serializeDados,
		beforeSend: function(){
		$('#insere_aqui').html(iconCarregando);
		},
		complete: function() {
		$(iconCarregando).remove();
		},
		success: function(data, textStatus) {
		$('#insere_aqui').html('<p>' + data + '</p>');
		},
		error: function(xhr,er) {
			$('#insere_aqui').html('<p class="destaque">Lamento! Ocorreu um erro. Por favor tente mais tarde.')
		}		
	});
});	
})

mas ele so manda string (letras)nao bytes como faco p resolver isso mandar a imagem tb n tenho ideia.()

[hyperpixel 0]

COLOQUEI EDSSA LINHA MAS AGORA N ENVIA OS DADOS

 

contentType: 'multipart/form-data',

 

 

$(document).ready(function(){

 

var iconCarregando = $('<img src="../images/loading_atom.gif" class="icon" /><span class="destaque">Carregando. Por favor aguarde...</span>');

 

$('#form_um').submit(function(e) {

e.preventDefault();

var serializeDados = $('#form_um').serialize();

$('#insere_aqui').css('display', 'block');

$.ajax({

url: '../functions/envia_form_cadastro.php?id=<?php echo $id; ?>',

dataType: 'html',

contentType: 'multipart/form-data',

type: 'POST',

timeout: 5000,

data: serializeDados,

beforeSend: function(){

$('#insere_aqui').html(iconCarregando);

},

complete: function() {

$(iconCarregando).remove();

},

success: function(data, textStatus) {

$('#insere_aqui').html('<p>' + data + '</p>');

},

error: function(xhr,er) {

$('#insere_aqui').html('<p class="destaque">Lamento! Ocorreu um erro. Por favor tente mais tarde.')

}

});

});

})

[William Bruno 1501]

ajax não envia arquivos.

 

você precisa usar flash ou um hidden iframe.

[hyperpixel 0]

ja uso iframe como faco p ligar os 2 no caso mandar oa arquivo p pagina q upa o arquivo, pois a pasta q e enviado o aruqivo n é a pasta final, pois n sei qual imagem realmente ofi a escolhida ele pode enviar 3 como exemplo entao no final eu mando p :

 

$.ajax({

url: '../functions/envia_form_cadastro.php', ....

 

 

 <iframe name="upload_iframe" id="upload_iframe" style="display:none;" ></iframe>
<form name="pictureForm" method="post" autocomplete="off" enctype="multipart/form-data">

<input type="file" name="picture" id="picture" onChange="return ajaxFileUpload(this);" />
<span id="picture_error"></span>

<div align="center" id="picture_preview" 
style="
height:155px; 
overflow:hidden; 
position:absolute; 
top:310px; 
left:580px; 
width:150px;">sua foto aqui...
<img src="<?php echo $caminhoFoto; ?>" class="thumb" height="150" width="150" border="3" />
</div>

</form>