Integrar upload en codigo javascript

[tampon]

Buenas tardes programadores.
Estoy atorado en un código que para algún experto podría resultar cosa fácil para mi ya me atraso mucho y es que no encuentro como integrar una función a un código que ya tengo aplicado.

Intento integrar este código

Código Javascript:

$(document).ready(function() {
                $('#submitbtn').click(function() {
                    $(".uploadform").ajaxForm({
                    }).submit();
                });
            });
 

A este otro

Código Javascript:

function objetoAjax(){
  var xmlhttp=false;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
 
  try {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (E) {
    xmlhttp = false;
  }
}
 
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}
 
function enviarDatos(){
 
  name=document.f1.name.value;
  email=document.f1.email.value;
  telephone=document.f1.telephone.value;
ajax=objetoAjax();
 
  ajax.open("POST", "registro.php",true);
  ajax.onreadystatechange=function() {
 
    if (ajax.readyState==4) {
    LimpiarCampos();
  }
 }
 

Y al iniciar el formulario ambos me causan conflicto por que uno se envía con el método "post" apuntando hacia un documento php que procesa la información y el otro con un simple "onsubmit", estoy intentando hacer de los 2 un mismo codigo pero no encuentro como. HELP!
Muchas gracias.

[Alexis88]

El método ajaxForm es de un plugin de jQuery, mientras que lo de abajo es código nativo. Si vas a realizar una petición asíncrona (Ajax), decídete por uno de ambos.

Saludos

[tampon]

Hola Alexis gracias por el comentario.
Pues en todo caso seria Javascript, pero he estado buscando como recibir el valor del archivo que quiero subir al servidor para pasarlo al PHP que lo procese y lo guarde en mi directorio. No lo encuentro, como recibiría esa información con javascript? ¿Sabes? Gracias de nuevo.

[Alexis88]

Si quieres subir archivos mediante Ajax, usa el objeto FormData, aunque ahí no veo que intentes subir uno.

Saludos

[tampon]

Tienes razón y he estado tratando de con el objeto FormData, pero creo que lo estoy haciendo mal ¿Es asi?

Código Javascript:

archivo=new FormData(document.formulario.archivo.value);
 

[Alexis88]

Le tienes que pasar solo el formulario o, si deseas, parte por parte.

Todo:

Código Javascript:

var archivo = new FormData(document.formulario);
 

Parte por parte:

Código Javascript:

var archivo = new FormData();
 
//Si es un <input> (no "type=file"), <select> o <textarea>
archivo.append(document.formulario.elemento.name, document.formulario.elemento.value);
 
//Si es un <input type="file" />
archivo.append(document.formulario.elemento.name, document.formulario.elemento.files[0]);
 

Saludos