Upload file progress bar

M

marcomg

Utente Attivo
19 Nov 2011
204
0
16
Ho cercato tantissimo su google, ma non ho trovato nulla al riguardo.
Mi servirebbe una progress bar che indichi lo stato di upload di un file, ma non deve essere fatta con ajax, ma normalmente tramite un form.
Un grazie a chi mi aiuterà o almeno ci proverà.
 
M

marcomg

Utente Attivo
19 Nov 2011
204
0
16
Il problema è che ajax non lo conosco e lo script è già pronto. Se il client ha javascript disabilitato si può fare tramite form normalmente?
 
M

marcomg

Utente Attivo
19 Nov 2011
204
0
16
Ho letto la licenza e non fa al caso mio. A pagamento ci posso stare, ma deve avere una licenza libera. Come la gpl o la apache.
 
M

marcomg

Utente Attivo
19 Nov 2011
204
0
16
Ho visto, ma come farla aumentare?
Io di javascript ne so 0. Potrei farla aumentare gradualmente, ma non so se se il javascript può accedere al file che si sta caricando. È vero che il server sa quanti file ha ricevuto e con ajax ne vengo a conoscenza, ma anche il client sa quanti file ha inviato.
 
M

marcomg

Utente Attivo
19 Nov 2011
204
0
16
Ad esempio questo la fa aumentare a tempo

HTML: 
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<p>
  <progress id="bar" value="0" max="100"> <span id="fallback">
    <!-- Your fallback goes here -->
    </span> </progress>
</p>
<script>
window.onload = function() {
 
    var bar = document.getElementById("bar"),
    fallback = document.getElementById("fallback"),
    loaded = 0;
 
    var load = function() {
        loaded += 10;
        bar.value = loaded;
 
        /* The below will be visible if the progress tag is not supported */
        $(fallback).empty().append("HTML5 progress tag not supported: " + loaded + "% loaded");
 
        if(loaded == 100) {
            clearInterval(dummyLoad);
        }
    };
 
    var dummyLoad = setInterval(function() {
        load();
    } ,1000);
}
</script>
</body>
</html>

Se si sostituisce al tempo i byte inviati allora problema risolto. Si può fare?
 
M

marcomg

Utente Attivo
19 Nov 2011
204
0
16
Allora non esiste alcun sistema mediante javascript che controlli quanto è pesante il file uplodato e quanto ne è stato uplodato?
 
flameseeker

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
Ho scritto una libreria che utilizza ajax per fare gli upload di file in modo asincrono.
Così facendo sfrutto una serie di API introdotte con XmlHttpRequest 2 che consentono l'implementazione di cose come una progress bar.

Questo metodo non regge files molto pesanti, se prevedete upload inferiori ai 20Mb va benissimo, altrimenti vi conviene puntare su flash.
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
D Upload file in cartella con progress bar PHP 6
M upload file con progress bar PHP 10
L Modifica file upload in ASP Classic ASP 2
S Upload file senza doverlo selezionare PHP 2
G Upload file error Apache 0
R Modifica codice per l'upload di più file PHP 1
S [PHP] Upload stesso file PHP 14
G [PHP] upload file in server: percorso cartella PHP 2
M Upload 4 file php PHP 11
M [ASP] Upload file da form controllo Classic ASP 5
M [PHP] Nome file, upload e rinominare PHP 2
M [PHP] upload di un file esistente overwrite PHP 1
N [PHP] Test per l'upload di file attraverso un bot Telegram PHP 2
C [PHP] Problema upload file (multiplo) PHP 1
S [PHP] Upload file... PHP 6
P Barra upload file jQuery 1
giancadeejay [PHP] Aggiornare DB tramite UPLOAD file .csv PHP 39
V [PHP] upload di file in cartella e sua sicurezza PHP 137
T [ASP] upload file Classic ASP 3
V File upload.php della guida, ma ha un errore PHP 8
M Fare upload di file scegliendo la cartella di destinazione PHP 78
M rinominare file in upload PHP 3
Y script per upload file PHP 9
Devil-94 rimuovere i spazi del file in upload... PHP 1
R Problema upload file PHP 1
S Indicare una directory di destinazione per l'upload di un file PHP 1
M Errore nell'Upload di un file PHP 0
Nik Implementare script "upload file" nel proprio sito web... tramite google drive Javascript 1
francesco7 [Problema] esecuzione script Upload file in php PHP 0
I upload file php / javascript / mysql PHP 0
R upload file php PHP 5
P upload e rename file PHP 2
xone Form con campi input text e upload file PHP 4
A Upload in App Android (sfoglia file) Sviluppo app per Android 1
F Errore filezilla upload file Hosting 1
R upload multiplo di file PHP 7
F upload file PHP 1
M Upload di n solo file in due cartelle diverse PHP 4
C ridurre dimensione file immagine prima dell'upload Javascript 0
F Problema con upload di file PHP 1
P Upload file html speciale HTML e CSS 3
M Adattare script di "form mail con upload file" al mio form mail HTML! PHP 7
G UPLOAD con controllo esistenza file Classic ASP 0
F pagina bianca upload file Joomla 0
A upload file PHP 14
E upload file in un web server, da un'altro web server PHP 2
I upload di piu file contemporaneamente PHP 1
F upload file da iphone,ipadragazzi... PHP 3
S Upload file con IIS7? Web Server 0
S Upload file PHP 21

Discussioni simili

Alto Basso