作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
好的,这段代码用于文件上传按钮,现在这部分代码/javascript 检查 3000 x 2000 的尺寸,但是我如何让它检查图像是否为 2000 x 3000 ?显然,它会给出横向和纵向图像的结果......?
// Check the image resolution
if (this.width >= 3000 && this.height >= 2000) {
deferred.resolve(true);
} else {
$("#imageValidationError").show();
deferred.resolve(false);
}
};
所有代码:
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
isGoodImage(input.files[0])
}
}
$("#imgInp").change(function(){
readURL(this);
});
var _URL = window.URL || window.webkitURL;
function isSupportedBrowser() {
return window.File && window.FileReader && window.FileList && window.Image;
}
function getSelectedFile() {
var fileInput = document.getElementById("imgInp");
var fileIsSelected = fileInput && fileInput.files && fileInput.files[0];
if (fileIsSelected)
return fileInput.files[0];
else
return false;
}
function isGoodImage(file) {
var deferred = jQuery.Deferred();
var image = new Image();
image.onload = function() {
// Check if image is bad/invalid
if (this.width + this.height === 0) {
this.onerror();
return;
}
// Check the image resolution
if (this.width >= 3000 && this.height >= 2000) {
deferred.resolve(true);
} else {
$("#imageValidationError").show();
deferred.resolve(false);
}
};
image.onerror = function() {
$("#noFileError").show();
deferred.resolve(false);
}
image.src = _URL.createObjectURL(file);
return deferred.promise();
}
/** New Code **/
$("#checkimage").click(function(){
if (isSupportedBrowser()) {
var file = getSelectedFile();
if (!file) {
$("#noFileError").show();
return;
}
isGoodImage(file)
}
})
</script>
最佳答案
if ((this.width >= 3000 && this.height >= 2000) || (this.width >= 2000 && this.height >= 3000)( {
deferred.resolve(true); }
应该可以。
关于javascript - 如何让脚本也检查不同的维度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34863725/
我是一名优秀的程序员,十分优秀!