[SOLUCIONADO] simular ajax para subir archivos al servidor

[summerblack]

Hola a todos, como bien dice en el articulo estoy tratando de subir archivos al servidor tipo ajax pues estoy haciendo unos registros q se guardan mediante ajax, por lo que he leido la mejor forma es simulando , y esto se logra con un iframe oculto.... bueno la vdd es q he agotado todas las paginas y el unico avance que he tenido ..es subirlos mediante php osea recargando la pagina, y lo q no entiendo es como y donde debe ir la funcion javascript que carga el iframe??
Tengo muchas dudas sobre como esto funciona si alguien me puede ayudar les agradeceria muchisimo

mi formulario index.html

Código HTML:

<form  name="frm" action="crearusuario.php" method="post" enctype="multipart/form-data" target="iframeUpload">
          Nit <input name="NitCliente" id="NitCliente" type="text" required> 
          RazonSocial  <input name="RazonSocialC" id="RazonSocialC" type="text" required> 
                
<p id="mensaje"></p>
            <input type="file" id="archivo" name="archivo" />     
            <iframe name="iframeUpload" style="display:none" ></iframe>           
            <img src="img/addicon.png" width="32" height="32" title="Agregar " id="agregar" class="button">       
</form>
 

crearusuario.php

Código HTML:

$rutaEnServidor='Archivos';
$rutaDestino=$rutaEnServidor.'/'.$nombreImagen;
move_uploaded_file($rutaTemporal,$rutaDestino);
 
$sql = new MySql;
$query = "INSERT INTO empresa (RazonSocial,Ruta) 
            VALUES('$rz','$rutaDestino');";
$sql->query($query);
 

PD: recorté un poquito el codigo, pero creo q ahi se entiende cual es mi avance, espero que me puedan ayudar!! gracias

[bNd170]

Te recomiendo usar el framework de javascript, jQuery y leerte éste artículo.

http://blog.eltallerweb.com/como-sub...ry-y-ajax-php/

[summerblack]

siento q estoy de un pelito pero es q no puedo usar jquery ni json porfavor estoy desesperado !! jeje

[jarios]

De entrada tendras que conocer que para enviar mediante ajax tendras que usar en javascript el objeto XMLHttpRequest (Me limito solo a este pero al final te dejo documentacion donde puedes ver que para otros navegadores antiguos es necesario crear otro objeto (w3schools).

Código Javascript:

xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();
 

Para hacer el envio de un fichero se usa POST. Se puede ver un ejemplo de envio de datos mediante POST:

Código Javascript:

xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");
 

Ya solo queda saber que para enviar archivos hay que hacer uso del objeto FormData.

Código Javascript:

xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
var formData = new FormData();
formData.append("thefile", file);
xmlhttp.send(formData);
 

Y finalmente hay que mirar lo que se recibe a cambio para comprobar que todo se ha hecho correctamente.

Links:
http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp
http://stackoverflow.com/questions/6211145/upload-file-with-ajax-xmlhttprequest
https://developer.mozilla.org/es/docs/XMLHttpRequest/FormData
https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects?redirectlocale=en-US&redirectslug=Web%2FAPI%2FFormData%2FUsing_FormD ata_Objects

Saludos.

[jarios]

Lo del iframe que hablas puede ser 2 cosas segun mi forma de verlo. O estas usando un iframe dentro de tu web para que sea el iframe el que se recargue y no la web entera con lo que hacerlo del modo tradicional digo yo que tendria que funcionar (Aparte de algun problema que tengas de enviar los datos desde tu web al iframe y cosas asi...), o bien te has puesto a mirar sobre lo de mantener una sesion abierta para que sea el servidor el que te pase los datos como [URL="http://es.wikipedia.org/wiki/Comet"]Comet[/URL].

Saludos.

edito: Vale que ahora leo que existe un llamado "metodo del iframe" para subir archivos por que lo anterior igual no funciona tan bien como se dice: [URL="http://www.alfajango.com/blog/ajax-file-uploads-with-the-iframe-method/"]http://www.alfajango.com/blog/ajax-file-uploads-with-the-iframe-method/[/URL]

[summerblack]

porfin!! muchas gracias por la ayuda k felicidad