前端如何将上传的图片转为base64格式，如何判断图片的大小

如何将上传的图片转为base64格式，话不多说，上代码

<input type="file" id="upload">
<img src="" id="image">

<script>
	var uploadFile = document.getElementById("upload")
	
	uploadFile.onchange = function(){
		var file = uploadFile.files[0] //图片信息
		var fileSize = file.size //图片大小
		if (fileSize < 10240){
			console.log('图片小于10KB')
		}
		
		var r = new FileReader()
		r.readAsDataURL(file)
		r.onload = function(e){
			var fileBase64 = e.target.result //base64格式
			document.getElementById("image").src = fileBase64 //为img的src赋值看看是否为上传的图片
            console.log(fileBase64) //输出看一下
		}
	}
script>

• 这里说明一下，1KB=1024B，上面代码中file.size是一个数值，如果图片大小为10KB，则这个数值就是10240