JavaScript实现页面获取文件大小
在JavaScript中,可以使用File
对象的size
属性来获取文件的大小。以下是一个简单的例子,展示了如何在HTML文件输入字段选择文件后获取该文件的大小:
HTML:
<input type="file" id="fileInput" />
JavaScript:
document.getElementById('fileInput').addEventListener('change', function(event) {
var file = event.target.files[0];
if (file) {
var fileSize = file.size; // 获取文件大小(字节)
alert('文件大小: ' + fileSize + ' 字节');
}
});
在这个例子中,当用户选择了文件后,会触发change
事件,然后从事件的target.files
数组中获取到文件对象,并通过size
属性获取文件的大小。
评论已关闭