Question

I am working with a file type input. I would like to display the file size after the file has been selected. I am thinking I should use some jquery to pull that, but I am not sure how. Can I do that?

<input type="file" id="uploadFile" name="uploadFile"/>

Answer 1

This should show it if the browser has the capability (firefox, chrome, opera(?) ):

jQuery( "#uploadFile").bind( "change", function(){
    if( this.files && this.files.length ) { //If this condition passes, you can get file size
    var file = this.files[0],
    fileSize = file.size || file.fileSize || 0;
    alert(fileSize+ " bytes" );
    }
});

demo here: http://jsfiddle.net/yNQ9M/1/ (updated to work in firefox and opera)

You can also use ActionScript (Flash) hacks to do it in older browsers.

Microsoft is working on the File API in ie10