Как узнать размер и расширение файла?

Question

На странице есть ссылка на файл:

<a href="file.doc">File</a> 

Далее по ссылке автоматически показать расширение и размер файла. Пример: File (DOC, 15 KB)

Как это сделать?

Я нашел эту документацию:

How to have jQuery restrict file types on upload?

Find size of file behind download link with jQuery

, но не знают, как объединить их и показать

UPD Хорошо, как знать, расширение файла ?

Answer 1

Если вы можете определить эту информацию раньше времени, вы можете использовать атрибуты данных, чтобы пометить ссылку, а затем отобразить дополнительный контент с помощью CSS: после выбора и content: attr(data-size) и т.д.

Если вы не можете, я подумайте, что ссылки должны быть абсолютными ссылками файловой системы, и вы могли бы выполнить запрос AJAX HEAD на пути захвата заголовка длины содержимого, сделать некоторую базовую математику и добавить соответствующую информацию.

Answer 2

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

Вы можете использовать следующий код, чтобы проверить размер файла, как только вы загрузите файл.

HTML:

<input type="file" id="files" name="files[]" multiple /> 
<output id="list"></output> 

JavaScript:

<script> 
    function handleFileSelect(evt) { 
    var files = evt.target.files; // FileList object 

    // files is a FileList of File objects. List some properties. 
    var output = []; 
    for (var i = 0, f; f = files[i]; i++) { 
     output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ', 
        f.size, ' bytes, last modified: ', 
        f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a', 
        '</li>'); 
    } 
    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>'; 
    } 

    document.getElementById('files').addEventListener('change', handleFileSelect, false); 
</script> 

Fiddle

Read More Here