Ciao a tutti!
Ho messo a punto uno script per il caricamento delle immagini, ridimensionamento, salvataggio nuova immagine e cancellazione dell'originale.
Ora vorrei aggiungere una barra di progressione per giustificare l'attesa dell'utente durante il caricamento.
Ho trovato un ottimo script jQuery via web, l'ho ridotto all'osso e questo è il risultato:
Codice PHP:
<head>
<script type="text/javascript" src="http://t.wits.sg/misc/js/jQuery/jquery.js"></script>
<script type="text/javascript" src="js/jquery.progressbar.min.js"></script>
<script type="text/javascript">
var progress_key = '<?= $uuid ?>';
$(document).ready(function() {
$("#pb3").progressBar({ barImage: 'images/progressbg_orange.gif'} );
});
</script>
</head>
<body>
<div id="container">
<span class="progressBar" id="pb3">55%</span>
<div>
[url="#"]20[/url] |
[url="#"]40[/url] |
[url="#"]60[/url] |
[url="#"]80[/url] |
[url="#"]100[/url]
</div>
</div>
</body>
La barra (a quanto pare) reagisce al variare del valore in .progressBar().
Quando carico l'immagine ottengo la dimensione del file (una volta caricato) tramite:
Codice PHP:
$_FILES['image']['size']
...ma mi chiedevo... come faccio a collegare la progressione del caricamento del file (Byte per Byte) con la progressbar?