前端获取上传文件大小
2024-11-04 15:07:11 # 技术笔记

上传文件需要判别文件大小

以这个为案例

显示部分

1
2
<input id="uploadFile" type="file" name="myPhoto"/> 
<button id="btnConfirm" class="btn" onclick="checkFile()">确认上传</button>

JS部分

1
2
3
4
5
6
7
8
<script>
function checkFile() {
//获取文件
var file = document.getElementById("uploadFile").files[0];
var filesize=file.size;//文件的字节数
alert(filesize)
};
</script>

通过id获取文件来判断文件大小,这种方式是获取的文件字节数,也就是说是b如果要显示大小的话还需要除1024*1024