本文介绍了一种使用JavaScript实现的图片上传实时预览的方法，通过读取文件输入的图片，仅支持jpg、gif和bmp格式，实现了在网页上即时显示用户选择的图片预览效果。
<HTML>
<HEAD>
<TITLE> 上传图片预览 </TITLE>
</HEAD>
<BODY>
<script type="text/javascript">
function lookImg()
{
var fileURL=document.myForm.myFile.value;
fileURLSplit = fileURL.split(".");
fileExt=fileURLSplit[fileURLSplit.length-1].toLowerCase();
//toLowerCase()返回一个字符串，该字符串中的字母被转换为小写字母。
if(fileExt=="jpg" || fileExt=="gif" ||fileExt=="bmp")
{
document.imgA.src=fileURL;
}
else
{
alert("请选择jpg、gif或bmp图片文件");
}
}
</script>
<form name="myForm" enctype="mulitipart/form-data" method="post">
请选择文件：<input type="file" name="myFile" onchange="lookImg()"><br>
</form>
<img src="hyopec2.jpg" name="imgA">
</BODY>
</HTML>
扫一扫
2379
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
