JS选择图片,显示缩略图

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  最简单的方法
<input type="file" name="file" onchange="pic.src=this.value"/><br>
这个写了很多代码啊
<input type="file" name="file" id="up"  onchange="shuo()"/><br>
<script>
//IE
function shuo()
{
var upstr="";//文件路径
var flex = ""; //上传文件扩展名
var Filelx = ".gif,.jpg,.jpeg,.png,.bmp";//可上传文件类型
 if(up.value!="")
 {
  upstr = up.value;
  fiex = upstr.replace(upstr.substring(0,upstr.lastIndexOf("."),""));//得到文件扩展名
  fiex = fiex.replace("undefined","");
  if(Filelx.lastIndexOf(fiex)!=-1)
  {
   pic.src = upstr;//ID
   tt.innerHTML = "";
  }
  else
  {
   //IE
   
   pic.src = "";
   tt.innerHTML="<font color=red style='font-size:9pt;'>* 所选文件不支持上传 </font>"
   
  }
  
  
 }
}
</script>
<img id="pic" />
<span id="tt"/>
 </BODY>
</HTML>

posted @ 2008-11-05 16:25  xjy  阅读(1220)  评论(0编辑  收藏  举报