客户端使用 HTML5 检查文件大小？

Question

我正试图驾驭 HTML5 浪潮，但我遇到了一个小问题。在 HTML5 之前，我们使用 flash 检查文件大小，但现在的趋势是避免在 web 应用程序中使用 flash。有什么方法可以使用 HTML5 在客户端检查文件大小吗？

原文由 Khaled Musaied 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这行得通。当输入发生变化时，将它放在一个事件侦听器中。

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

原文由 Abdullah Jibaly 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

接受的答案实际上是正确的，但您需要将它绑定到一个事件侦听器，以便在文件输入更改时它会更新。

 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 转换为显示哪个指标取决于您。

原文由 Ammadu 发布，翻译遵循 CC BY-SA 3.0 许可协议