上传图片时显示图片预览

正常的网页都是从服务器端下载到客户端显示的，而当用户进行图片上传时，每当选择了图片，就立即在客户端显示出图片的预览来。这其实就是把img标签的src属性的值从服务器端移到客户端而已。代码如下：
<form method="post" enctype="multipart/form-data">
请选择图片：<input type="file" onchange="showPic(this.value);">

<img id="imgShow" style="VISIBILITY: hidden" src="http://www2.blogger.com/" />

<input type="submit" value="提交查询内容">
</form>
<script>function showPic(picPath){
pic = document.getElementById("imgShow");
pic.src = "file:/// " + picPath;
pic.width = 300;
pic.style.visibility = "visible";
}
</script>

评论

1 楼 cloudgamer 2009-12-23  

我也写过一个图片预览效果