upload multiple en php

alette666 · #1 (**permalink**) 12/06/2011, 23:57

hola gente yo de nuevo por estos lares.
veran consegui de una pagina un sistema de upload (convencional) con un solo input para subir (un archivo a la vez), pero a este le agregue un codigo que estaba dando vueltas por internet y lo realice multi upload (sube mas de un archivo a la vez). Pero que pasa? que me sube el primer fichero, pero a los demas no lo toca haciendo que quede un "upload convencional"

aca el codigo
****************************
upload.php

Código PHP:

 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>PHP upload</title> 
<link href="estilo.css" rel="stylesheet" type="text/css" /> 
<script type="application/javascript" language="javascript"> 
var upload_number = 4; 
function addFileInput() { 
    var d = document.createElement("div"); 
    var file = document.createElement("input"); 
    file.setAttribute("type", "file"); 
    file.setAttribute("name", "archivo"+upload_number); 
    d.appendChild(file); 
    document.getElementById("moreUploads").appendChild(d); 
    upload_number++; 
} 
function setBlock() { 
   document.getElementById('moreLink').style.display = 'block'; 
} 
</script> 
</head> 
<body> 
<table width="413" border="2" cellspacing="0" cellpadding="0" bordercolor="#FF0000" align="center"> 
  <tr> 
    <td width="413" height="40" class="titulo">PHP upload - unijimpe </td> 
  </tr> 
  <tr> 
    <td class="text">Por favor seleccione el archivo a subir:</td> 
  </tr> 
  <tr> 
  <form action="subearchivo.php" method="post" enctype="multipart/form-data"> 
    <td class="text"> 
    <input type="file" name="archivo" class="casilla" size="35" id="archivo" onChange="setBlock();" /> 
<div id="moreUploads"></div> 
<div id="moreLink" style="display:none;"><a href="javascript:addFileInput();">Agregar mas</a></div> 
     
     
      <!--<input name="archivo" type="file" class="casilla" id="archivo" size="35" />--> 
      <div align="center"><input name="enviar" type="submit" class="boton" id="enviar" value="Upload File" /> 
      <input name="action" type="hidden" value="upload" /></div>      </td> 
    </form> 
  </tr> 
  <tr> 
    <td class="text" style="color:#990000"><?php echo $status; ?></td> 
  </tr> 
  <tr> 
    <td height="30" class="subtitulo">Listado de Archivos Subidos </td> 
  </tr> 
  <tr> 
    <td class="infsub"> 
    <?php  
    if ($gestor = opendir('files')) { 
        echo "<ul>"; 
        while (false !== ($arch = readdir($gestor))) { 
           if ($arch != "." && $arch != "..") { 
               echo "<li><a href=\"files/".$arch."\" class=\"linkli\">".$arch."</a></li>\n"; 
           } 
        } 
        closedir($gestor); 
        echo "</ul>"; 
    } 
    ?>    </td> 
  </tr> 
</table> 
</body> 
</html>

bueno aca es simple no hay que decir mucho, lo que tenemos en pantalla es el formulario de envio del archivo en el javascript es dnd nos permite abrir mas de un input a la vez.

subearchivo.php

Código PHP:

  <?php  
$status = ""; 
if ($_POST["action"] == "upload") { 
    // obtenemos los datos del archivo  
    $tamano = $_FILES["archivo"]['size']; 
    $tipo = $_FILES["archivo"]['type']; 
    $archivo = $_FILES["archivo"]['name']; 
    $prefijo = substr(md5(uniqid(rand())),0,6); 
     
    if ($archivo != "") { 
        // guardamos el archivo a la carpeta files 
        $destino =  "files/".$prefijo."_".$archivo; 
        if (copy($_FILES['archivo']['tmp_name'],$destino)) { 
            $status = "Archivo subido: <b>".$archivo."</b>"; 
        } else { 
            $status = "Error al subir el archivo"; 
        } 
    } else { 
        $status = "Error al subir archivo"; 
    } 
} 
?>

y este es el codigo de proceso, pero como dije antes, "me carga el primer input pero los demas no lo toca.

El ejemplo lo tengo andando, para ver como funciona http://radiolive.netau.net/hash/upload.php,

agradeceria a quien me pudiera ayudar en este proyecto

Patriarka · #2 (**permalink**) 13/06/2011, 06:47

tal cual, en el segundo codigo le estas diciendo que guarde un solo archivo!

en ese codigo hace esto:

var_dump($_FILES);

alette666 · #3 (**permalink**) 13/06/2011, 17:30

Cita:

Iniciado por Patriarka

tal cual, en el segundo codigo le estas diciendo que guarde un solo archivo!

en ese codigo hace esto:

var_dump($_FILES);

perdón, pero en que linea va ese codigo, será aca??

Código PHP:

  if (copy($_FILES['archivo']['tmp_name'],$destino)) {

por

Código PHP:

  if (var_dump($_FILES['archivo']['tmp_name'],$destino)) {

es asi?? o puse cualquiera :(

#4 (**permalink**) 13/06/2011, 17:37

1- tiene problema de seguridad
2- No es multi :P

Mira este post:
http://www.marcofbb.com.ar/multiupload-en-php/

alette666 · #5 (**permalink**) 13/06/2011, 17:50

Cita:

Iniciado por marcofbb

1- tiene problema de seguridad
2- No es multi :P

Mira este post:
http://www.marcofbb.com.ar/multiupload-en-php/

marcofbb, lo vi a tu codigo, pero lo que tu codigo tiene es que esta forzando al usuario a subir 5 archivos, (si no me equivoco) y si deseo subir mas de 5??? y si quiero subir dos???

#6 (**permalink**) 13/06/2011, 17:54

Cita:

Iniciado por alette666

marcofbb, lo vi a tu codigo, pero lo que tu codigo tiene es que esta forzando al usuario a subir 5 archivos, (si no me equivoco) y si deseo subir mas de 5??? y si quiero subir dos???

Esa es la trampa de mi blog, te obliga a buscar por tu cuenta. Te doy una pista con Javascript se logra eso.

Ejemplo:

Código PHP:

Ver original<?
if($_POST){
$cosa='"text/css"';
$so=-1;
echo('
<h3>Copia y pega esto en Head de la pagina!</h3>
<textarea cols="50" rows="5" onclick="this.select()">
<script language="JavaScript1.1"> 
var quotes=new Array() ');
foreach($_POST['url'] as $m){
$so=$so+1;
echo("
quotes[".$so."]='<style type=".$cosa.">body{background-image:url(".$m.");}</style>'");
}
echo('
var whichquote=Math.floor(Math.random()*(quotes.length)) 
document.write(quotes[whichquote]) 
</script> 
</textarea>');
}
?>
<script type="text/javascript">
<!--
num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('fiel');
  contenedor = document.createElement('div');
  contenedor.id = 'div'+num;
  fi.appendChild(contenedor);
 
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'url[]'+num;
  contenedor.appendChild(ele);
  
  ele = document.createElement('input');
  ele.type = 'button';
  ele.value = 'Borrar';
  ele.name = 'div'+num;
  ele.onclick = function () {borrar(this.name)}
  contenedor.appendChild(ele);
}
function borrar(obj) {
  fi = document.getElementById('fiel');
  fi.removeChild(document.getElementById(obj));
}
--> 
</script>
 
<form action="" method="post"> <span id="fiel"></p> 
<input onclick="crear(this)" type="button" value="Agregar Imagen!" /> 
<p></p></span> 
<input type="submit" value="Generar Script!" /> 
</form>

Ahora solo queda fusionar los 2 script

alette666 · #7 (**permalink**) 13/06/2011, 17:55

Cita:

Iniciado por marcofbb

Esa es la trampa de mi blog, te obliga a buscar por tu cuenta. Te doy una pista con Javascript se logra eso.

Ok, ahora pruebo y te comento