<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>chinmo测试</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)" />
预览:<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>
没有合适的资源?快使用搜索试试~ 我知道了~
doNet多图片上传,水印,支持图片和字体水印,自己修改
共9个文件
aspx:2个
cs:2个
html:1个
需积分: 0 4 下载量 8 浏览量
2008-09-23
17:28:35
上传
评论
收藏 16KB RAR 举报
温馨提示
功能和界面觉得 挺满意,多层覆盖的提示信息模式
资源详情
资源评论
资源推荐
收起资源包目录
doNet多图片上传,水印,支持图片和字体水印,自己修改.rar (9个子文件)
获取上传图片信息的JS代码 .html 3KB
web
Default.aspx 2KB
overflow.aspx.cs 457B
ImgUpload
51aspx.png 7KB
x.jpg 911B
js
JScript.js 10KB
overflow.aspx 639B
x.gif 564B
Default.aspx.cs 8KB
共 9 条
- 1
zonghengchb
- 粉丝: 0
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0