<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Blob</title>
<style>
img{
width: 256px;
}
</style>
</head>
<body>
<input type="file" id="upload">
<div><img id="img" src="" alt="图片预览"></div>
<script>
const upload=document.querySelector("#upload")
const img=document.querySelector("img")
upload.onchange=function () {
const file=upload.files[0];
const src=URL.createObjectURL(file)
img.src=src;
}
</script>
</body>
</html>
上传图片之后获取到图片file对象，创建一个指向这个图片文件对象的链接，把图片地址指向这个链接就可以了
网友评论