Javascript 获取 图片的大小

<%= form_tag '/blogs/upphoto', :id => "upform", :multipart => true, :target => "showupimg", :onsubmit => "return uploadcheck();" %> 
<span style="margin-left:30px;"></span>
<input class="imgfile" name="imgfile" type="file" size="40"/>
<input class="upbutton" name="upload" type="submit" value="上 传" />
</form>

// 添加 上传照片 的form 内容检查
function uploadcheck(){
//照片的地址验证
var upform = document.getElementById('upform');
var imgstring = document.getElementById('upform').imgfile.value;
if (imgstring == ''){ //验证是否为空?
alert("请输入图片的地址");
return false;
}
imgtype = imgstring.substring(imgstring.lastIndexOf(".")+1, imgstring.length).toLowerCase();
alert(imgtype);
// 类型验证
if (imgtype != "gif" && imgtype != "jpg" && imgtype != "jpeg" && imgtype != "png" && imgtype != "bmp"){
alert( "请选择正确的图片格式,只支持JPEG.JPG.GIF.PNG.BMP五种图片格式! " )
return false ;
}
// 照片的大小验证
var img = new Image();
var MAXSIZE = 1000;
alert(imgstring);
img.src = imgstring;
alert(img.fileSize);
if (img.fileSize > MAXSIZE*1024) {
alert( " 请上传小于 1M 的图片 " );
return false ;
}
var img_count = document.getElementById("showimgs").getElementsByTagName("img").length;
if (img_count >= 15) {
alert("您已经上传了 15 张照片,不可以再上传, 请提交后,再重新上传, 谢谢!");
return false;
}
}


img.fileSize是需要图片完全加载才能使用的。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值