Estroy haciendo unas pequeñas pruebas rapidas con una pagina web, tengo un arvhivo php para subir archivos, lo que me gustaria saber es como podri hacer que saliera el porcentage de progreso de subida del archivo mientras se esta subiendo?
upload.php
<?php
$user;
if(isset($_POST['global'])) { $user = "Global | " . $_SESSION["usuario"];
} else {
$user = $_SESSION["usuario"];
}
$desc = $_POST['desc'];
$target_dir;
if(isset($_POST['global'])) { $target_dir = "global/";
} else {
$target_dir = "personal_folders/".$_SESSION["usuario"]."/";
}
$target_file = $target_dir . basename($_FILES["archivo-a-subir"][name
]); $upload_ok = 1;
$imageType = pathinfo($target_file, PATHINFO_EXTENSION
);
header('location:upload_existente.html'); $upload_ok = 0;
}
if($imageType != "rar" && $imageType != "zip" && $imageType != "7zip") {
header('location:upload_extension.html'); $upload_ok = 0;
}
if($upload_ok == 0) {
echo "Lo sentimos pero tu archivo no se ha podido subir";
} else {
require("connect_db.php");
$sql = mysqli_query($link,"INSERT INTO archivos VALUES('','$user','$desc','$target_file')"); if($sql) {
header('location:upload_correcto.html'); }
} else {
header('location:upload_desconocido.html'); }
}
?>
subida.php
<?php
?>
<?php
if (isset($_SESSION["usuario"])) {
} else {
echo '<script language="javascript">location.href="login.php"</script>';
}
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/subida.css">
<script type="text/javascript" src="js/subida.js"></script>
</head>
<body>
<form class="menu-subida" enctype="multipart/form-data" action="upload.php" method="POST">
<input name="archivo-a-subir" type="file" class="archivo" id="archivo" onchange="nombreArchivo()" required/><br>
<label for="archivo" id="archivoLabel" class="label">elige un archivo</label>
<input type="checkbox" value="global" name="global" class="box" id="box">
<label for="box" class="boxlabel">Subir archivo globalmente</label>
<div class="" id="charge"></div>
<input type="text" class="descripcion" placeholder="Descripcion" name="desc" id="desc" required/>
<input type="submit" value="Subir Archivo" name="boton" class="botonEnviar" id="submit" onclick="checkFile(),chargeGif()"/>
<input type="button" value="Inicio" name="nada" class="botonInicio" onclick="location.href='index.php'"/>
</form>
</body>
</html>
tendrías que hacer un subirdor de archivo basado en AJAX, tal que un jscript sepa el tamaño del archivo, vaya suebiendo y vaya reportando el resultado