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

Question

我正试图骑HTML5但我面临一个小问题。在HTML5之前，我们使用flash检查文件大小，但现在趋势是避免在Web应用程序中使用Flash。有没有办法使用HTML5检查客户端的文件大小？

Answer 1

这有效。将输入更改时，将其放在事件侦听器中。

if (typeof FileReader !== "undefined") {

    var size = document.getElementById('myfile').files[0].size;

    // check file size

}

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转换为显示的度量标准由您决定。