04/01/2011, 17:34
|
 | | | Fecha de Ingreso: enero-2011 Ubicación: Distrito Federal
Mensajes: 6
Antigüedad: 13 años, 3 meses Puntos: 0 | |
 Progreso de carga
Hola tengo un sistema de carga (Imágenes) hecho en php, pero quisiera que cuando le das en Upload aparezca el % de carga.
index.html
Código:
<html>
<head>
<title>Upload</title>
</head>
<body>
<form action="sube.php" method="post" enctype="multipart/form-data">
Archivo: <input name="file" type="file" onChange="ver(form.file.value)">
<input name="submit" type="submit" value="Upload!">
</form><br> <span id="image"></span><br>
</body>
</html>
sube.php
Código:
<?
if($_POST){
// Creamos la cadena aletoria
$str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
$cad = "";
for($i=0;$i<12;$i++) {
$cad .= substr($str,rand(0,62),1);
}
// Fin de la creacion de la cadena aletoria
$tamano = $_FILES [ 'file' ][ 'size' ]; // Leemos el tamaño del fichero
$tamaño_max="50000000000"; // Tamaño maximo permitido
if( $tamano < $tamaño_max){ // Comprovamos el tamaño
$destino = 'images' ; // Carpeta donde se guardata
$sep=explode('image/',$_FILES["file"]["type"]); // Separamos image/
$tipo=$sep[1]; // Optenemos el tipo de imagen que es
if($tipo == "gif" || $tipo == "pjpeg" || $tipo == "jpeg" || $tipo == "bmp" || $tipo == "png"){ // Si el tipo de imagen a subir es el mismo de los permitidos, segimos. Puedes agregar mas tipos de imagen
move_uploaded_file ( $_FILES [ 'file' ][ 'tmp_name' ], $destino . '/' .$_FILES [ 'file' ][ 'name' ]); // Subimos el archivo
include('post.html'); // Incluimos la plantilla
}
else echo "el tipo de archivo no es de los permitidos";// Si no es el tipo permitido lo desimos
}
else echo "El archivo supera el peso permitido.";// Si supera el tamaño de permitido lo desimos
}
?>
post.html
Código:
La imagen fue enviada con exito.<br><strong>Datos:</strong><br>
<ul>
<li>Tipo <font color=red> <?=$tipo?></li> </font>
<li>Url Directo <font color=blue> http://www.sosayudatupc.com/<?=$destino . '/' .$_FILES [ 'file' ][ 'name' ]?></li></font>
</ul><br>
<strong>Codigo HTML: (Solo Imagenes)</strong><br>
<textarea name="html" id="html"><img src="http://www.sosayudatupc.com/<?=$destino . '/' .$_FILES [ 'file' ][ 'name' ]?>"><br>Por http://www.sosayudatupc.com</textarea><br>
<img src="http://www.sosayudatupc.com/<?=$destino . '/' .$_FILES [ 'file' ][ 'name' ]?>">
|