如何知道大小和文件擴展名？

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