Porcentaje de progreso

jalbtercero · 16 Febrero 2017, 16:06 PM

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

Código (php) [Seleccionar]


<?php
session_start();

$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);

if(file_exists($target_file)) {
  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 {
  if(move_uploaded_file($_FILES["archivo-a-subir"][tmp_name], $target_file)) {
    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

Código (php) [Seleccionar]


<?php
session_start();
?>
<?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>

engel lex · 16 Febrero 2017, 23:31 PM

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

Test Foro de elhacker.net SMF 2.1

Porcentaje de progreso

jalbtercero

engel lex