客户端使用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 '参数来设置文件大小的限制。