Клиент Проверка размера файла с помощью HTML5?

Question

Я пытаюсь покататься на волне HTML5, но мне грозит небольшая проблема. Перед HTML5 мы проверяли размер файла со вспышкой, но теперь тенденция заключается в том, чтобы избежать использования flash в веб-приложениях. Есть ли способ проверить размер файла на стороне клиента с помощью HTML5?

Answer 1

Это работает. Поместите его внутри прослушивателя событий, когда изменяется вход.

if (typeof FileReader !== "undefined") { 
    var size = document.getElementById('myfile').files[0].size; 
    // check file size 
} 

Answer 2

"не простой, кросс-браузер, раствор для достижения этой цели": Detecting file upload size on the client side?

Answer 3

HTML5 fie api поддерживает проверку размера файла.

читать эту статью, чтобы получить больше информации о файле апи

http://www.html5rocks.com/en/tutorials/file/dndfiles/

<input type="file" id="fileInput" /> 


var size = document.getElementById("fileInput").files[0].size; 

так же подать API дает имя и тип.

Answer 4

Uploadify может загружать файлы с помощью HTML5. Также есть флеш-версия.

Вы можете установить ограничения на размер файла с параметром 'fileSizeLimit'.

Answer 5

Принятый ответ на самом деле правильный, но вам необходимо привязать его к прослушивателю событий, чтобы он обновлялся, когда был изменен входной файл.

document.getElementById('fileInput').onchange = function(){ 
    var filesize = document.getElementById('fileInput').files[0].size; 
    console.log(filesize);  
} 

Если вы используете библиотеку JQuery, то следующий код может пригодиться

$('#fileInput').on('change',function(){ 
    if($(this).get(0).files.length > 0){ // only if a file is selected 
    var fileSize = $(this).get(0).files[0].size; 
    console.log(fileSize); 
    } 
}); 

Учитывая, что преобразование FileSize для отображения, в котором когда-либо метрика до вас.

Answer 6

Лично я выбрал бы этот формат:

$('#inputFile').bind('change', function(e) { 
     var data = e.originalEvent.target.files[0]; 
     // and then ... 
     console.log(data.size + "is my file's size"); 
     // or something more useful ... 
     if(data.size < 500000) { 
     // what your < 500kb file will do 
     } 
    }