客户端使用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转换为显示的度量标准由您决定.

Answer 3

HTML5 fie api支持检查文件大小.

阅读本文以获取有关文件api的更多信息

http://www.html5rocks.com/en/tutorials/file/dndfiles/

<input type="file" id="fileInput" />


var size = document.getElementById("fileInput").files[0].size;

类似的文件API提供名称和类型.