<body>
<input type="file" onchange="checkSize()" id="f"/>
<script type="text/javascript">
var ie=!-[1,]; //区分ie
function checkSize(){
var f=document.getElementByIdx_x("f");
if(ie){
var img=new Image();//动态创建img
img.src=f.value;
img.style.display="none";
img.onreadystatechange=function(){
if(img.readyState=='complete'){//当图片load完毕
alert(img.fileSize);//ie获取文件大小
}
}
document.body.removeChlid(img);//获取大小结束,移除图片
}
else{
var fv=f.files[0].size;//火狐等标准取值办法
alert(fv);
}
}
</script>
</body>
可以嵌套到jquery.validate的框架中使用。
分享到:
相关推荐
js 图片 验证上传图片 大小 格式
上传图片大小验证方法 非完整控件 如需要可以加入正则表达式来判断上传文件扩展名
js控制图片大小,并验证图片类型,兼容各浏览器,测试可用
Javascript验证上传图片大小[前台处理]_.docx
下面小编就为大家带来一篇JS验证图片格式和大小并预览的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
js 验证上传图片 代码如下: var ImgObj=new Image();//建立一个图像对象 varAllImgExt=”.jpg|.jpeg|.gif|.bmp|.png|”//全部图片格式类型 varFileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,IsImg...
主要介绍了js验证上传图片的方法,可对上传图片的类型、大小等进行限制,非常简单实用,需要的朋友可以参考下
2)前台处理: 也就是利用Javascript获取该图片大小。 显然第一种方式,很不好。因为需要把文件先上传到服务器上,如果文件很大的话,在加上网不是很快,需要等待好长时间,治标不治本。 功能解析: 在这里我只介绍...
2)前台处理: 也就是利用Javascript获取该图片大小。 显然第一种方式,很不好。因为需要把文件先上传到服务器上,如果文件很大的话,在加上网不是很快,需要等待好长时间,治标不治本。 功能解析: 在这里我只介绍...
今天整理了一段代码,用于图片上传前预览,并获取图片的长、宽、及字节数,可以用于图片上传前的校验。
JS验证页面属性,限制多表单提交动作,时间大小比较,图片格式的验证,基本的页面验证...包括JS事件大全,js验证大全,JS正则表达式...
在网上真得好难找到一个能在网页上对视频进行上传大小的拦截与阻止的控件。在服务器端作验证又太麻烦。现在终于有了一个解决方案纯javascript解决方案。
上传图片的时候需要校验图片的各种规则,小编也百度了好多,很多都不能直接使用,所以小编就自己整理了一下.已经验证有效.希望对你们有帮助.
JS等比例缩小图片尺寸的实例,需要的朋友可以参考一下
做web开发的哥们都会遇到批量上传图片的需求,相信大家都会遇到这样的问题,当选择好要上传的图片,提交服务器后,发现有图片的大小超过了系统允许的范围。
1、先编写一个字符串,包含:数字,大小字母 private String s = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; 2、在产生背景之后,编写如下代码,产生四个字符(并且,把生成字符,保存...
有时候我们的图片上传等功能,需要验证客户端的图片大小,比较只能上传小于100K的图片,这里客户端先简单的验证下。