Javascript jquery检测图像宽度和高度
我正在尝试为提交配置文件图片功能创建一个表单,我想将图像大小限制为150 x 150,在我转到服务器端之前,我想首先在客户端验证它 虽然我不确定我做错了什么,但这对我来说是有意义的,但它无法检测图像宽度。这是我的密码Javascript jquery检测图像宽度和高度,javascript,jquery,Javascript,Jquery,我正在尝试为提交配置文件图片功能创建一个表单,我想将图像大小限制为150 x 150,在我转到服务器端之前,我想首先在客户端验证它 虽然我不确定我做错了什么,但这对我来说是有意义的,但它无法检测图像宽度。这是我的密码 $(function(){ var fileInput = $('.upload-file'); var maxSize = fileInput.data('max-size'); $('.register').submit(function(e){ if(fileI
$(function(){
var fileInput = $('.upload-file');
var maxSize = fileInput.data('max-size');
$('.register').submit(function(e){
if(fileInput.get(0).files.length){
var fileSize = fileInput.get(0).files[0].size; // in bytes
var ext = $('.upload-file').val().split('.').pop().toLowerCase();
var theimgWidth = fileInput.get(0).files[0].width;
var theimgHeight = $('.upload-file').height();
if(fileSize>maxSize){
alert('File size is bigger than 100kb');
return false;
}else if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1){
alert('invalid extension!');
return false;
}else if(theimgWidth != '150'){
alert(theimgWidth);
return false;
}else if(imgHeight != '150'){
alert('invalid dimension!');
return false;
}
}else{
alert('choose file, please');
return false;
}
});
我放置警报(theimgWidth)的原因是检查是否检测到了宽度,但它没有被检测到。如果(parseInt(theimgWidth)!=“150”){alert(theimgWidth);}它得到了高度吗?不,它的统计数据未定义=/您可以使用文件Api获得图像宽度和高度