Verifica cross-browser delle dimensioni del file sul lato client prima di caricarlo sul server?

Question

La convalida del lato client è importante per migliorare l'usabilità.

Esiste un modo cross-browser per convalidare la dimensione del file prima di caricarlo sul server. Sto usando il controllo caricamento file asp.net.

ho trovato alcuni controlli di terze parti fanno di controllo:

http://ajaxuploader.com/Demo/simple-upload.aspx

e

http://demo.essentialobjects.com/Default.aspx?path=AJAXU

ma come?

Answer 1

In precedenza, l'unico modo per determinare la dimensione del file prima che il file venisse inviato al server era quello di avere plugin/add-on lato "thicker than javascript". Questi dovrebbero essere installati sul sistema client. Per esempio. utilizzando SWFUpload, applet Java, controlli ActiveX.

Ora, è possibile utilizzare l'HTML5 API File, cioè .:

var size = document.getElementById('myfile').files[0].size; 

Answer 2

Questo è ora possibile con File API di HTML5:

<script> 
    var myFile = document.getElementById('myFile'); 
    var size; 
    myFile.addEventListener('change', function() { 
     size = this.files[0].size; 
    }); 
</script> 

Questo è supportato da most of the latest browsers.

Internet Explorer supporta this workaround che coinvolge ActiveX, ma richiede la riduzione delle impostazioni di protezione di Internet Explorer, quindi non è davvero un'opzione per la maggior parte delle applicazioni.

Richiede più lavoro, ma usa un uploader basato su Flash come SWFUpload se hai davvero bisogno di farlo in IE9 o sotto. IE10 (si spera) aggiungerà il supporto per l'API del file HTML5.