PHP OO ¿Como enviar la ruta de Origen de un FILE por javascript, ajax etc. pero sin submit?

AntonioDX · #1 (**permalink**) 20/05/2014, 18:07

Hola :) esta es la primera vez que publico.. Hace poco comence a manejar php y me parece muy interesante a excepción de que a diferencia de otro lenguajes de programación no puedo improvisar de manera que puda resolver algun problemita de diferentes formas.

Tengo lo siguiente dentro de la misma página:
Un input de tipo File, un input de tipo Button y este llama a una Función recibe(); que manda valores que optiene de otros inputs, selects y demas.

Mi problema es que recibo todos los valores en Operaciones.php, la página a donde los envio y para los que tengan duda los recibo con $nombre = $_POST['nombre']; $numero = $_POST['numero']..

Excepto la ruta de origen del archivo, he tratado de averiguar como generarla desde ajax en la parte de document.getElement bla bla o enviarla sin necesidad de un submit :( ya que mm ya no seria ajax, necesito la ruta para poder copiar el archivo dentro de una carpeta en el servidor /pdf..

Solo es la ruta. Les agradeceria su ayuda.. Llevo 2 días con esto...

Uno.php -->

Código PHP:

Ver original<head>
<script>
var xmlhttp;
function load(str, url, cfunc)
{
 
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
       xmlhttp.onreadystatechange=cfunc;
    xmlhttp.open("POST",url,true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-  urlencoded");
    xmlhttp.send(str);
 
}
 
function metodoAjax(datos, ruta) 
{
 
 load(datos, ruta, function()
 { 
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("alerta").innerHTML=xmlhttp.responseText;
    }
 });
}
 
function recibe(){      
    
     
        var name = document.getElementById('nombre').value;
        var numero = document.getElementById('numero').value;
        var descripcion = document.getElementById('descripcion').value;
                var pdf = document.getElementById('pdf').files[0].name;//Nombre
                
        //var pdf = document.getElementById('pdf').files[0].size;//Tamaño
        
        
        
        metodoAjax("nombre="+name+"&numero="+numero+"&descripcion="+descripcion+"&pdf="+pdf,"Operaciones.php");
        
    }
</script>
</head>
 
 
<form  method="post" enctype="multipart/form-data">
 
 
<label>Selecciona el Archivo:
       <input type="file" name="pdf" id="pdf"/>
</label>
 
 
 
<label>
</br>
<input type="button" onclick="recibe();" name="Guardar" value="Guardar"/>
</label>
 
<div id="alerta">
 
</div>
 
etc. etc...
 
</form>

Operaciones.php -->

Código PHP:

Ver original<?php
&nombre=&_POST['nombre'];
etc.
ect..
 
?>

Alexis88 · #2 (**permalink**) 20/05/2014, 20:40

Bienvenido a FDW.

Este buen artículo puede ser tu solución: Subir archivos al servidor con Ajax.

Por cierto, esto no corresponde con PHP, sino con JavaScript. La próxima vez que publiques un tema, trata de ubicarlo en el foro respectivo.

Saludos

Triby · #3 (**permalink**) 20/05/2014, 20:43

Por seguridad, no puedes obtener la ruta de origen de un archivo en la PC del usuario, si acaso, el nombre.

Tienes que buscar otra forma para crear la ruta donde guardarás el archivo en el servidor.