本文介绍了一个简单的HTML页面，该页面利用JavaScript实现文件输入时即时更新图片预览效果的功能。通过监听文件输入框的变化事件，可以实时地将选择的图片显示出来。
<html>
<head>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function showimg(obj)
{
var img = $("compman");
var imgurl = "file:///"+obj.value.replace(////g,"/");
img.src = imgurl;
}
</script>
</head>
<body>
<img id="compman" src="compman.jpg" alt="Computerman" width="200" height="200" align="right" />
<input type="file" onchange="showimg(this)">
</body>
</html>
<head>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function showimg(obj)
{
var img = $("compman");
var imgurl = "file:///"+obj.value.replace(////g,"/");
img.src = imgurl;
}
</script>
</head>
<body>
<img id="compman" src="compman.jpg" alt="Computerman" width="200" height="200" align="right" />
<input type="file" onchange="showimg(this)">
</body>
</html>
扫一扫
1761
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
