用javascript来验证上传图片
来源:互联网 发布:c语言中flag的用法 编辑:程序博客网 时间:2024/04/28 07:47
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<form name=Myform >
<p><font color="red" size="6">上传文件支持格式:gif,jpg,jpeg,png,bmp</font></p>
<p>上传文件大小限制:
<input type="text" size="4" value="100" name="fileSizeLimit" id="fileSizeLimit"/>
K</p>
<p>
图片高度大小限制:<input type="text" size="4" value="100" name="heightLimit" id="heightLimit"/>
</p>
<p>
图片宽度大小限制:<input type="text" size="4" value="100" name="widthLimit" id="widthLimit"/>
</p>
<p>
<input type=file name=photo onchange="changeSrc(this)" />
<br/>
预览:<img src="about:blank" id="fileChecker" name="fileChecker" alt="test"/>
</p>
<p>
<input type=submit value=submit>
</p>
</form>
<SCRIPT LANGUAGE="JavaScript"><!--
/**
判断要上传的图片文件大小、长度和宽度!
*/
function CheckFileSize()
{
var limit = document.getElementById("fileSizeLimit").value * 1024;
var width = document.getElementById("widthLimit").value ;
var height = document.getElementById("heightLimit").value;
if (oFileChecker.fileSize > limit)
{
alert("文件大小:"+oFileChecker.fileSize+"字节 too large!");
}
else
{
alert("文件大小:"+oFileChecker.fileSize+"字节ok");
}
if( oFileChecker.height> height){
alert("文件高度:"+oFileChecker.height+" too height!");
}
else
{
alert("文件高度:"+oFileChecker.height+"ok");
}
if( oFileChecker.width> width){
alert("文件宽度:"+oFileChecker.width+" too height!");
}
else
{
alert("文件宽度:"+oFileChecker.width+"ok");
}
return false;
}
var right_type=new Array(".gif",".jpg",".jpeg",".png",".bmp");
var oFileChecker = document.getElementById("fileChecker");
function changeSrc(filePicker)
{
if(!checkImgType(filePicker.value))
{
alert("文件格式不正确!");
return;
}
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
CheckFileSize();
}
}
/**
判断上传文件格式是否正确
*/
function checkImgType(fileURL)
{
//本程序用来验证后缀,如果还有其它格式,可以添加在right_type;
var right_typeLen=right_type.length;
var imgUrl=fileURL.toLowerCase();
var postfixLen=imgUrl.length;
var len4=imgUrl.substring(postfixLen-4,postfixLen);
var len5=imgUrl.substring(postfixLen-5,postfixLen);
for (i=0;i<right_typeLen;i++)
{
if((len4==right_type[i])||(len5==right_type[i]))
{
return true;
}
}
}
//--></SCRIPT>
</body>
</html>
- 用javascript来验证上传图片
- javascript验证图片上传的格式和大小
- javascript 前端验证 file 上传图片 尺寸 大小
- 用NSInputStream 来实现图片上传
- 服务器端控件用javascript脚本来验证
- 上传图片验证
- jquery上传图片验证
- 上传图片验证相关
- javascript验证上传文件大小
- javascript验证上传文件类型
- jquery javascript 实现上传图片及图片大小验证、图片预览效果代码
- 【JavaScript】验证图片
- javascript图片验证
- 用javascript实现图片上传并预览
- 用javascript实现图片上传预览
- javascript上传图片预览
- Javascript图片上传预览
- javascript的图片上传
- AIX - AIX 常用命令
- 不能访问2003服务器的问题
- 请教一下
- 爱因斯坦谜题的java解答方法
- 开源技术:hiernate的锁机制
- 用javascript来验证上传图片
- 在成员函数中调用构造函数
- volatile关键字有什么用?
- c++发现之旅
- MailFetcher
- 彩信合成测试
- 男人心疼女人的11种方法
- 跟我学XSL(一)
- ackman函数的非递归实现