<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="file">
<img src="" alt="">
<script>
let inp = document.querySelector('input');
let img = document.querySelector('img');
img.style.display = 'none'
inp.onchange = (e) => {
const reader = new FileReader()
reader.readAsDataURL(e.target.files[0])
reader.onload = (e) => {
img.style.display = 'block'
img.src = e.target.result
}
}
</script>
</body>
</html>
原生js读取图片文件的base64,通过base64快速访问本地图片
最新推荐文章于 2024-04-15 12:50:08 发布