Problema al cargar un archivo al servidor usando $.ajax

[koolj]

Hola a todos.
Estoy intentando cargar un archivo al servidor utilizando la función $.ajax pero me sale un error y no se como hacer que funcione. El error es como si no existieran las variables que contienen el nombre del archivo y su nombre temporal.

bueno les mando el código para que lo vean

el codigo javascript

Código:

<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

Código:

<script type="text/javascript" language="javascript">
$(document).ready(function(){
	//objetos del dom que uso con frecuencia
	var img_cargando = $(".cargando_promo");
	var cont_destino = $("#destino");
	var formulario = $('#formulario');
	//asignación de evento
	formulario.submit(function(evento){
		evento.preventDefault();			//no enviar el formulario
		img_cargando.show();				//mostrar cargando
		//generar datos
		var datos = formulario.serialize();
		//pedido ajax
		var pedido = $.ajax({
			url : 'archivo.php',
			data : datos,
			cache : false,
			type : 'POST'
		});
		//cuando el pedido esté listo...
		pedido.done(function(resultado){
			img_cargando.hide();			//ocultar cargando
			cont_destino.html(resultado);	//cargar el resultado
		});
		//limpiar el formulario
		formulario.each(function(){
			this.reset();
		});
	});
});
</script>

Este es el archivo.php

Código PHP:

  $imagen = $_FILES['txtImg']['name']; 
$origen = $_FILES['txtImg']['tmp_name']; 
$destino = "img/".$imagen; 
move_uploaded_file($origen,$destino); 
echo $imagen." ".$origen;  
   

Este es el formulario.

Código HTML:

<form action="" method="post" enctype="multipart/form-data"  name="formulario" id="formulario">
  <table width="50%" align="center">
      <tr>
        <td width="32%"><p>Selecione la Imagen:</p></td>
        <td width="68%"><input type="file" name="txtImg" class="requerido"/></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="submit" name="btModificar" value="Modificar Promoción"  class="boton"/><div class="cargando_promo"><img src="../img/load-user.gif" width="16" height="16" alt="load" /></div></td>
      </tr>
  </table>
  </form>
 <div class="destino" id="destino"></div> 

Agradecería su ayuda

[Naahuel]

No se puede subir un archivo con AJAX.

Revisá Uploadify.