Controllare la grandezza di un file prima dell'upload!

**Madsex** · 22-10-2011, 14:56

Credevo di avercela fatta, ma mi sbagliavo.

Ho creato un piccolo cms che permette all'utente di caricare file sul server tramite il classico input type=file. Mi sono accorto però che il server, che non posso modificare, ha iò php. ini limitato a non so quale grandezza. Poco male, ho pensato. Limito le grandezze dei file uplodabili e il gioco è fatto. Non avevo pensato però che facendo tutto questo tramite php comunque l'utente deve aspettare una vita prima di scoprire che il file è troppo grande per essere uplodato. A questo punto mi serviva una soluzione lato client che dicesse in anticipo che il file scelto per l'upload era esagerato, e ho così cominciato a girare per la rete, trovando una soluzione, questa:

codice:

<script type="text/javascript">
$(document).ready(function(){
 //binds to onchange event of your input field 
 $ ( '.file_size' ). bind ( 'change' ,   function ()   { 
 
 //this.files[0].size gets the size of your file. 
 
 if( this . files [ 0 ]. size > 1000000){
 
  alert ('Uno o più file caricati supera la grandezza di 1MB'); 
  
  //For IE
$(".file_size").append($(".file_size").clone(true));
//For other browsers
$(".file_size").val(""); 
  
 }
 
 }); 
 
});

</script>

Questo codicillo non fa altro che controllare ,tramite jquery , la grandezza del file appena scelto nel campo input e, se quest'ultimo supera il megabyte caccia fuori un alert e svuota il campo.

Funziona su tutti i browser, tranne che su IE(anche 8 e 9). Ie non lo pensa proprio, non esce l'alert ne tantomeno svuota il campo input. A questo punto non saprei cosa fare onestamente, esiste un modo per farlo funzionare? Esistono alternative? (possibilmente non arzigogolate perchè ho praticamente fatto tutti i form).

Grazie in anticipo per l'aiuto.

**br1** · 22-10-2011, 18:04

... ma tutti quegli spazi all'interno delle istruzioni ci sono realmente?

**Madsex** · 23-10-2011, 03:58

Si xchè?

**cavicchiandrea** · 23-10-2011, 11:05

Perché non ci dovrebbero essere, ma da una ricerca veloce ho trovato questa demo ma con IE pur funzionando bene, non verifica precedentemente al upload le dimensioni del file, ma solo dopo il caricamento

**Madsex** · 23-10-2011, 15:54

Non è che conosci metodi alternativi? A me serve non poco una cosa del genere!

Grazie!

**cavicchiandrea** · 23-10-2011, 16:59

Ritengo ma mai appurato con certezza, che sia una limitazione del browser a non permettere la "lettura" del file lato client

**br1** · 23-10-2011, 17:33

Originariamente inviato da Madsex
Non è che conosci metodi alternativi? A me serve non poco una cosa del genere!

Grazie!

Agendo lato server puoi bloccare l'invio al raggiungimento della dimensione massima... e' il compromesso migliore che ti si possa consigliare

**wartpro** · 24-10-2011, 01:03

...e magari aggiungi una postilla di testo che avvisa sulla grandezza massima consentita per il file

**carlomarx** · 24-10-2011, 03:11

Provalo un po' sui vari browser... non garantisco nulla:

codice:

<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Dimensione del file</title>
<script type="text/javascript">
function updateSize() {
	document.getElementById("fileSize").innerHTML = document.getElementById("uploadFile").files[0].size;
}
</script>
</head>

<body onload="updateSize();">
<form name="uploadForm">


<input id="uploadFile" type="file" name="myFile" onchange="updateSize();" /> (dimensione: <span id="fileSize">0</span> bytes)</p>


<input type="submit" value="Invia file" /></p>
</form>
</body>
</html>

Saluti.

Discussione: Controllare la grandezza di un file prima dell'upload!

Strumenti discussione

Ricerca discussione

Visualizza

Controllare la grandezza di un file prima dell'upload!

Permessi di invio