正常的网页都是从服务器端下载到客户端显示的,而当用户进行图片上传时,每当选择了图片,就立即在客户端显示出图片的预览来。这其实就是把img标签的src属性的值从服务器端移到客户端而已。代码如下:
<form method="post" enctype="multipart/form-data">
请选择图片:<input type="file" οnchange="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>
上传图片时显示图片预览
最新推荐文章于 2020-06-08 15:04:35 发布