ho la mia pagina upload in php con un div nascosto che appare quando clikko su upload...
vorrei inserire in modo più semplice possibile una barretta di progressione ..
come posso modificare la mia pagina??
vorrei inserire in modo più semplice possibile una barretta di progressione ..
come posso modificare la mia pagina??
Codice:
<?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);
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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="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>
