如何知道大小和文件扩展名 - How to know the size and file extension?

How to know the size and file extension?

本文关键字：文件扩展名何知道 | 更新日期: 2023-09-27

在页面上有一个文件链接:

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

链接旁边应该自动显示扩展名和文件大小。示例:File (DOC, 15kb)

怎么做?

我找到了这个文档:

如何有jQuery限制文件类型上传?

使用jQuery查找下载链接后面的文件大小

，但不知道如何统一它们，显示

乌利希期刊指南好吧，怎么知道文件扩展名呢?

如果你可以提前确定这些信息，你可以使用数据属性来标记链接，然后通过CSS显示额外的内容:在selector和content: attr(data-size)之后，等等

如果不能，我认为链接需要是绝对的文件系统链接，您可以在路径上执行Ajax HEAD请求来获取内容长度的头，进行一些基本的计算，并添加相关信息。

HTML5 5 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>

小提琴