Blob构造对象
base64格式的图片太大 可以使用Blob构造函数把图片文件对象转换成一个blob对象
var blob = new Blob([file]) //生成blob对象
var url = URL.createObjectURL(blob) //生成URL地址
实例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="file" multiple>
<script>
var input = document.querySelector('input')
//当文件上传时 会触发回调函数
input.onchange = function(){
console.log('文件上传了');
var file = this.files[0]
/*
* 通过Blob函数把图片对象file 解析成blob
* */
var blob = new Blob([file])
/*
* 把生成的blob对象传入到 createObjectURL函数中 生成一个url
* */
var url = URL.createObjectURL(blob)
var oImg = new Image();
oImg.src = url
oImg.width = 200;
oImg.onload = function () {
document.body.appendChild(this)
}
}
</script>
</body>
</html>