Javascript 如何使用jQuery验证文件输入上载的图像大小?
我有以下类型为“file”的输入字段:Javascript 如何使用jQuery验证文件输入上载的图像大小?,javascript,jquery,forms,validation,Javascript,Jquery,Forms,Validation,我有以下类型为“file”的输入字段: <input id="company_logo" name="company_logo" type="file" accept="image/png,image/jpg,image/jpeg"> <img id="logo_preview" src="#" alt="Your Logo" /> 这基本上是可行的,但我想另外验证所选图像是否具有特定的图像大小(例如200 x 200像素)。应拒绝不符合大小要求(较大或较小)的图像,并
<input id="company_logo" name="company_logo" type="file" accept="image/png,image/jpg,image/jpeg">
<img id="logo_preview" src="#" alt="Your Logo" />
这基本上是可行的,但我想另外验证所选图像是否具有特定的图像大小(例如200 x 200像素)。应拒绝不符合大小要求(较大或较小)的图像,并显示错误消息
非常感谢您的建议。可能重复:@adamwalski请注意,问题是关于图像的尺寸(而不是文件大小)。我不是在寻找文件大小。我想验证图像尺寸。哦,对不起,你是对的,那么复制可能的
$("#company_logo").change(function() {
displayUploadedLogo(this);
});
function displayUploadedLogo(input) {
if (input.files && input.files[0]) {
var file = input.files[0];
var fileType = file["type"];
var ValidImageTypes = ["image/jpg", "image/jpeg", "image/png"];
if ($.inArray(fileType, ValidImageTypes) > 0) {
// If uploaded image is within array of valid image types
var reader = new FileReader();
reader.onload = function(e) {
$('#logo_preview')
.attr('src', e.target.result)
.width(75)
.height(75)
.css('display', 'block');
};
reader.readAsDataURL(input.files[0]);
} else {
// Uploaded file is not an image
$('#logo_preview').css('display', 'none');
}
}
}