首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > 上传图片显示图片

上传图片时JS自动显示图片

2009-08-11 09:53:44 作者：

有时候在上传图片的时候，最好能简单的预览下，图片，这样更方便我们查看图片是不是正常显示有没有什么错误。

<HTML> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<HEAD> 
<TITLE>javascript 图片预览</TITLE> 
</HEAD> 
<BODY> 
<script> 
function preview(imgFile,num) 
{ 
//预览代码，支持 IE6、IE7。 
var newPreview = document.getElementById("preview1"); 
var t ; 
if(document.all) //IE 
t = imgFile.value; 
else 
t = imgFile.files[0].getAsDataURL(); //FF 
newPreview.style.backgroundImage = "url(" + t + ")";//imgFile.value; 
newPreview.style.width = "108px"; 
newPreview.style.height = "130px"; 
newPreview.style.display = "block"; 
} 
</script> 
<input type="file" onchange='ShowImg(this)' /> 
<div id="preview1" style="border:1px solid #FFCC00; width:108px; height:130px;display:block" > 
</div> 
<script>function ShowImg(o) 
{ 
//var Browser_Agent=navigator.userAgent; 
//if(Browser_Agent.indexOf("Firefox")!=-1) 
//{ 
//火狐使用 
// document.getElementById("idImg").src=o.files[0].getAsDataURL(); 
// document.getElementById("idImg").style.display = "block"; 
// } 
//else 
//{ 
preview(o,1); 
//} 
} </script> 
</BODY> 
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上传图片时JS自动显示图片

您可能感兴趣的文章: