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

我试图搭上HTML5的潮stream,但是我正面临一个小问题。 在HTML5之前,我们正在用闪存检查文件大小,但现在趋势是避免在networking应用程序中使用闪存。 有什么办法来检查客户端使用HTML5的文件大小?

这工作。 将其放置在事件侦听器中,以便input发生更改。

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

接受的答案实际上是正确的,但您需要将其绑定到事件侦听器,以便在文件input发生更改时进行更新。

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

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给名称和types。

就个人而言,我会select这种格式:

  $('#inputFile').bind('change', function(e) { var data = e.originalEvent.target.files[0]; // and then ... console.log(data.size + "is my file's size"); // or something more useful ... if(data.size < 500000) { // what your < 500kb file will do } } 

“没有简单的,跨浏览器的解决scheme来实现这个”: 检测客户端上的file upload大小?

Uploadify可以使用HTML5上传文件。 还有一个Flash版本。

您可以使用' fileSizeLimit '参数来设置文件大小的限制。