客户端使用HTML5检查文件大小？
客户端使用HTML5检查文件大小？
提问于 2010-11-06 17:26:36
我正在尝试利用HTML5的浪潮，但我面临着一个小问题。在HTML5之前，我们使用闪存检查文件大小，但现在的趋势是避免在web应用程序中使用闪存。有没有办法在客户端使用HTML5检查文件大小？
回答 5
Stack Overflow用户
回答已采纳
发布于 2010-11-30 04:38:40
这是可行的。将其放在事件侦听器中，以便在输入发生更改时使用。
if (typeof FileReader !== "undefined") {
var size = document.getElementById('myfile').files[0].size;
// check file size
}Stack Overflow用户
发布于 2015-07-21 02:53:57
被接受的答案实际上是正确的，但您需要将其绑定到事件侦听器，以便每当文件输入发生更改时它都会更新。
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转换为display，其中的ever指标取决于您。
Stack Overflow用户
发布于 2012-08-31 13:27:56
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给出了名称和类型。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4112575
复制相关文章
相似问题