Можно ли отобразить размер файла при вводе типа файла?

Question

Я работаю с типом ввода данных. Я хотел бы отобразить размер файла после того, как файл был выбран. Я думаю, что я должен использовать JQuery для этого, но я не уверен, как. Могу ли я это сделать?

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

Answer 1

Это должно отображаться, если браузер имеет возможность (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" );
    }
});

демо здесь: http://jsfiddle.net/yNQ9M/1/ (обновлен для работы в Firefox и Opera)

Вы также можете использовать хаки ActionScript (Flash) для этого в старых браузерах.

Microsoft работает над Файловым API в ie10