<html>
<head>
<title>图片上传前预览</title>
</head>
<body>
<script type="text/javascript">
function preview(){
var upFile= document.getElementById("upFile");
var fileext=upFile.value.substring(upFile.value.lastIndexOf("."),
upFile.value.length);
fileext=fileext.toLowerCase();
if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')
&&(fileext!='.bmp')){
alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
upFile.focus();
}
else{
//alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句
document.getElementById("preview").innerHTML="<img src='"+upFile.value
+"' width=220 style='border:1px double #ccc'>"
}
}
</script>
<form name="form1" method="post" enctype="multipart/form-data">
<input type="file" name="upFile" id="upFile" size="46" onchange="preview()">
<div id="preview"></div>
</form>
<body>
</html>
上传图片前预览
最新推荐文章于 2024-08-30 20:29:15 发布