progress bar e upload

ilgio

progress bar e upload

Ho la mia pagina upload in php con un div nascosto che appare quando clicco su upload...
Vorrei inserire in modo più semplice possibile una barretta di progressione ..
Come posso modificare la mia pagina??


<?php 
include ('config.inc.php');

if (isset($_POST['action']) and $_POST['action'] == 'Allega') { 
    
// stabilisco la connessione al server ftp
$ftp_connessione = ftp_connect($ftp_server); 

// effetto login sul server
$login = ftp_login($ftp_connessione, $ftp_username, $ftp_password); 

// controllo se la connessione ha avuto buon fine
if(!$ftp_connessione || !$login){ 
        echo "Connessione fallita!";
} else {

    // se connessione ha avuto buon fine faccio UPLOAD del file
    $file_da_caricare = $_FILES['new_image']['tmp_name'];
    $dove_carire = $ftp_web . '/' . $_FILES['new_image']['name'];


    $upload = ftp_put($ftp_connessione, $dove_carire, $file_da_caricare, FTP_BINARY); 
    
    // controllo se upload andato a buon fine
    if (!$upload) { 
        echo "Si è verificato un errore durante il caricamento!";
    } else {
        echo "Upload avvenuto con successo";
    }
    
    
    // chiudo connessione FTP 
    ftp_quit($ftp_connessione); 
}
}

?>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #CCCCCC;

}
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.9;
    opacity:.70;
    filter: alpha(opacity=100);
}
.white_content {
    display: none;
    position: absolute;
    width: 485px;
    height: 100px;
    z-index:1002;
    overflow: auto;
    background-color: #FFFFFF;
    text-align: center;
}
.attendere {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>

<body>

<form action="upload.php" method="post" enctype="multipart/form-data">
   <div align="left">
     <input name="ftp_path" type="hidden" id="ftp_path" value="<?print $path?>" />
     <input type="hidden" name="action" value="Allega" />

   </div>
   <table width="500"
        border="0" align="center" cellpadding="10" cellspacing="0">
    

    <tr align="center" bgcolor="#CFDBF2">
      <td height="28" valign="middle"> <div align="center"><span class="attendere">File</span>
          <input name="new_image" type="file" onchange="this.form.submit();document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" />

      </div></td>
    </tr>
    </tr>

    <div id="waitbastard" style="display: none">ATTENDERE.......</div>

    <tr align="center">
      <td height="28" valign="middle"><div align="left">
      
       <div id="light" class="white_content">
       <table width="400" border="0" align="center" cellpadding="10" cellspacing="0">
        <tr>
          <td><div align="center"><img src="http://www.giorgiotave.it/forum/images/loader.gif" width="220" height="19"></div></td>
          </tr>
        <tr>
          <td><div align="center"><span class="attendere">Attendere...<br>
          L'operazione potrebbe richiedere alcuni istanti.</span></div></td>
          </tr>
      </table>
       <div align="center"></div>
       </div>
       <div id="fade" class="black_overlay"></div>
        
        </div></td>
    </tr>
  </table>
   <div align="center"></div>
</form>
</body>
</html>

linoma

** deleteted ** *

ilgio

perchè?

giovandres90

Puoi usare Ajax Upload.

Guarda questo esempio: valums.com/ajax-upload/