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>