<script>
UpLoadFileCheck=function()
{
this.AllowExt=".jpg,.gif";//允许上传的文件类型 0为无限制 每个扩展名后边要加一个"," 小写字母表示
this.AllowImgFileSize=0;//允许上传文件的大小 0为无限制 单位：KB
this.AllowImgWidth=0;//允许上传的图片的宽度 0为无限制 单位：px(像素)
this.AllowImgHeight=0;//允许上传的图片的高度 0为无限制 单位：px(像素)
this.ImgObj=new Image();
this.ImgFileSize=0;
this.ImgWidth=0;
this.ImgHeight=0;
this.FileExt="";
this.ErrMsg="";
this.IsImg=false;//全局变量
}
UpLoadFileCheck.prototype.CheckExt=function(obj)
{
this.ErrMsg="";
this.ImgObj.src=obj.value;
//this.HasChecked=false;
if(obj.value=="")
{
this.ErrMsg="\n请选择一个文件";
}
else
{
this.FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if(this.AllowExt!=0&& this.AllowExt.indexOf(this.FileExt)==-1)//判断文件类型是否允许上传
{
this.ErrMsg="\n该文件类型不允许上传。请上传 "+this.AllowExt+" 类型的文件，当前文件类型为"+this.FileExt;
}
}
if(this.ErrMsg!="")
{
this.ShowMsg(this.ErrMsg,false);
return false;
}
else
return this.CheckProperty(obj);
}
UpLoadFileCheck.prototype.CheckProperty=function(obj)
{
if(this.ImgObj.readyState!="complete")//
{
sleep(1000);//一秒使用图能完全加载
}
if(this.IsImg==true)
{
this.ImgWidth=this.ImgObj.width;//取得图片的宽度
this.ImgHeight=this.ImgObj.height;//取得图片的高度
if(this.AllowImgWidth!=0&&this.AllowImgWidth<this.ImgWidth)
this.ErrMsg=this.ErrMsg+"\n图片宽度超过限制。请上传宽度小于"+this.AllowImgWidth+"px的文件，当前图片宽度为"+this.ImgWidth+"px";
if(this.AllowImgHeight!=0&&this.AllowImgHeight<this.ImgHeight)
this.ErrMsg=this.ErrMsg+"\n图片高度超过限制。请上传高度小于"+this.AllowImgHeight+"px的文件，当前图片高度为"+this.ImgHeight+"px";
}
this.ImgFileSize=Math.round(this.ImgObj.fileSize/1024*100)/100;//取得图片文件的大小
if(this.AllowImgFileSize!=0&&this.AllowImgFileSize<this.ImgFileSize)
this.ErrMsg=this.ErrMsg+"\n文件大小超过限制。请上传小于"+this.AllowImgFileSize+"KB的文件，当前文件大小为"+this.ImgFileSize+"KB";
if(this.ErrMsg!="")
{
this.ShowMsg(this.ErrMsg,false);
return false;
}
else
return true;
}
UpLoadFileCheck.prototype.ShowMsg=function(msg,tf)//显示提示信息 tf=false 显示错误信息 msg-信息内容
{
/*msg=msg.replace("\n","<li>");
msg=msg.replace(/\n/gi,"<li>");
*/
alert(msg);
}
function sleep(num)
{
var tempDate=new Date();
var tempStr="";
var theXmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
while((new Date()-tempDate)<num )
{
tempStr+="\n"+(new Date()-tempDate);
try{
theXmlHttp .open( "get", "about:blank?JK="+Math.random(), false );
theXmlHttp .send();
}
catch(e){;}
}
//containerDiv.innerText=tempStr;
return;
}
function c(obj)
{
var d=new UpLoadFileCheck();
d.IsImg=true;
d.AllowImgFileSize=100;
d.CheckExt(obj)
}
</script>
</head>
<body>
<input name="" type="file" onchange="c(this)"/>
</body>
</html>
分享到：
相关推荐
在JavaWeb开发中，处理图片上传、...以上就是对"javaweb入门实现图片上传，图片加载，图片显示，图片按照任意高宽比例显示"这一主题的详细解释。通过学习和实践这些知识点，开发者可以构建出功能完善的图片管理功能。
限定高宽压缩图片工具 1、在下工具的下面 点击“开始压缩”按钮 开始压缩。 2、添加文件夹时会子文件夹下的图片添加到列表里。 但是输出 直到一个你指定的文件夹下。 不会建立子文件夹。因此 主要子文件夹。 3、若...
让图片固定高宽显示，让图片显示的更好看，布局显得紧凑点
高宽课程是一种以儿童为中心，注重主动学习的幼儿园课程模式，它的核心理念是让孩子们通过积极参与，主动探索，从而对周围的世界产生高度的热情和广泛的兴趣。这种课程模式围绕着五个主要内容领域，即“学习方式”、...
### C#快速获取JPG图片大小及英寸分辨率 在日常的图像处理中，经常会遇到需要获取图片尺寸和分辨率的情况。特别是在Web开发或者图形界面应用程序中，为了使图片展示更为美观和适应不同分辨率的屏幕，我们需要准确地...
Jcrop是一款广泛应用于Web开发中的JavaScript图片裁剪插件，它允许用户在网页上选择并裁剪图片，常用于头像上传、图片编辑等场景。本文将深入探讨Jcrop插件如何实现高宽比例固定的裁剪功能以及效果预览。 Jcrop的...
5. **内容区域**：`.round2 .con`的高度和背景图片用于创建中间部分的圆角效果。注意这里的`height`属性可以动态调整，从而改变圆角框的高度。 6. **圆角底部**：`.round2 .footer`和`.round2 .footer p`负责底部...
件上传之前的检测，通常是通过文件名来判断文件类型是否合法，但是要想检测文件的大小很难办到，除非在本地或者使用控件。使用JS可以轻松解决词问题，js在上传图片前判断大小 这个可以用javascript实现,效果
本项目“Java爬虫+URL获取Img高宽”专注于一个特定的应用场景，即通过Java爬虫从网页中提取图片（Img）的URL，并进一步获取这些图片的宽度和高度。这个功能在网站数据分析、图像处理或自动化测试等场景中具有重要...
多用于在上传图片前初步判断， 图片的高宽是否合法。
本文将深入探讨一个专门用于调整图片大小和长宽比的组件，该组件适用于2018年12月10日或之后的iOS开发环境。这个组件可能包含了一些关键的Objective-C或者Swift代码，帮助开发者有效地缩放图片，降低内存消耗，提高...
今天要在web程序处理图片，指定图片的高宽大小。google了一把资料。觉得此方法挺不错的，大家可以借鉴一下，如果小弟写的有不对的地方请大家指点一下：以下代码在winform写的，在web下测试可以使用。
当所有图片上传并检查完宽高后，我们可以实现一个`imageCheck`方法，用于验证图片是否符合指定的尺寸要求。在这个例子中，`check`对象定义了每种类型的宽度和高度范围。`f1`函数用来检查图片的某个尺寸是否在指定...
移动端图片上传，html5+PHP实现，现在移动端存储照片都比较大，所以在上传之前我们需要进行压缩处理。简单写一下思路： 1.选择完图片通过html5的FileReader拿到base64的图片 2.创建一个Image对象，将base64图片作为...
综合处理图片：通过本地路径或者url或者图片对象构造需要的图片，然后可以进行图片过滤，图片大小设置，比如按高设置，按宽设置，等比例缩放，按高宽设置等缩放。
resizepic.js就是我整理的可保持原比例不变改变图片大小的JS,很好用,有实例index.htm。 原图显示（534 X 800） onload="AutoResizeImage(0,0,this) 1.按宽度250压缩,不限制高度 按比例压缩 onload=...
在IT行业中，网络爬虫是一种自动化程序，用于从互联网上抓取信息，而获取图片（Img）的高度和宽度是爬虫应用的一个常见场景。在Java编程语言中，我们可以利用HTTP库来请求网页，然后解析HTML内容，从而获取到图片的...
在C#编程中，获取屏幕和桌面的大小（即宽度和高度）是常见的需求，这在开发图形用户界面或者处理窗口布局时尤为重要。本篇将详细介绍如何利用C#的System.Windows.Forms和System.Drawing命名空间中的类来实现这一功能...