此demo实现input选中图片后，通过js获取图片并显示出来，选中立马显示功能，即预览功能。
代码不多，直接上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="file" onchange="show(this)"/>
<img id="img" src="">
<script>
function show(file){
var reader = new FileReader(); // 实例化一个FileReader对象，用于读取文件
var img = document.getElementById('img'); // 获取要显示图片的标签
//读取File对象的数据
reader.onload = function(evt){
img.width = "80";
img.height = "80";
img.src = evt.target.result;
}
reader.readAsDataURL(file.files[0]);
}
</script>
</body>
</html>
1226
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
