jquery 判断文件大小
2个回答
展开全部
使用jquery过滤上传文件的类型和限制文件的大小
<script type="text/javascript">
$(document).ready(function(){ $("#form0").submit(function() {var filepath=$("input[name='myFile']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase(); if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
alert("图片限于bmp,png,gif,jpeg,jpg格式");
return false; }
var img=new Image();
img.src=filepath;
while(true){
if(img.fileSize>0){
if(img.fileSize>3*1024){
alert("图片不大于300KB。");
return false; }
break; }
}
return true; });
});
</script>
fileSize属性的前提是先加载到浏览器页面上,而不是浏览器缓存中!!!
例子:
<SCRIPT>
var imgs=new Image()
imgs.src="http://bbs.nou.com.cn/attachments/month_0703/t+e+sCAoMTUp_Mi3goORIxEx8.jpg";
setTimeout("img1.src=imgs.src;",100);
</SCRIPT>
<BODY ONCLICK=alert(imgs.fileSize + "字节")>
<img id=img1 width=300 height=250>
</BODY>
<script type="text/javascript">
$(document).ready(function(){ $("#form0").submit(function() {var filepath=$("input[name='myFile']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase(); if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
alert("图片限于bmp,png,gif,jpeg,jpg格式");
return false; }
var img=new Image();
img.src=filepath;
while(true){
if(img.fileSize>0){
if(img.fileSize>3*1024){
alert("图片不大于300KB。");
return false; }
break; }
}
return true; });
});
</script>
fileSize属性的前提是先加载到浏览器页面上,而不是浏览器缓存中!!!
例子:
<SCRIPT>
var imgs=new Image()
imgs.src="http://bbs.nou.com.cn/attachments/month_0703/t+e+sCAoMTUp_Mi3goORIxEx8.jpg";
setTimeout("img1.src=imgs.src;",100);
</SCRIPT>
<BODY ONCLICK=alert(imgs.fileSize + "字节")>
<img id=img1 width=300 height=250>
</BODY>
2018-09-07 · 百度知道合伙人官方认证企业
关注
展开全部
Quey 做的比较好的是 uploadify,是异步上传,可以多文件,单文件上传,显示文件大小,有滚动条,所有状态都有接口,比如,上传前,被选择,失败时,成功时,很强大。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询