今天开发的时候遇到了一个问题,上传图片之前要判断图片是否超过了限定的大小,负责禁止上传。
在这里先贴一下我实现的代码吧!
$("body").delegate("input[type='file']","change",function(){ var src=$(this).val(); var size; if(!/\.(gif|jpg|png|jpeg|bmp)$/.test(src)){ layer.alert("图片类型必须是.gif,jpeg,png,jpg,bmp中的一种",{icon:2}); return false; } if (window.navigator.userAgent.indexOf("MSIE") >= 1) { this.select(); size=document.selection.createRange().text; } else if (window.navigator.userAgent.indexOf("Firefox") >= 1) { size= window.URL.createObjectURL(this.files.item(0)); }else{ size= this.files.item(0).size; } if(parseInt(size/1024)> 2028){ //图片不能大于2M layer.alert("图片不能大于2M",{icon:2}); return false; } var form = $(this).parent(); form.submit(); })
js 判断文件大小,不好的地方在于,不是所有的浏览器都可以支持的,每个浏览器的支持都是不一样的,感觉有点坑啊
文档[http://www.cnblogs.com/skylaugh/archive/2012/07/05/2577702.html]