前端获取上传文件大小

2023-04-25 Views 技术笔记 | Html | JavaScript142字1 min read

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

以这个为案例

显示部分

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

JS部分

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

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

EOF