本文介绍了一种使用HTML和JavaScript实现的图片预览功能，通过读取文件输入并在页面上显示图片，适用于网页应用中实时预览用户上传的图片。
<html>
<head></head>
<body>
<div>
<img id="imgShow" style="width:250px;height:250px">
<div>
<input value="预览" type="file" id="imgFile">
<script>
document.getElementById('imgFile').onchange = function(e){
var ele = document.getElementById('imgFile').files[0];
var createObjectURL = function(blob){
return window[window.webkitURL ? 'webkitURL' : 'URL']['createObjectURL'](blob);
};
var newimgdata = createObjectURL(ele);
document.getElementById('imgShow').src = newimgdata
}
</script>
</body>
</html>
扫一扫
3385
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
