gpt4 book ai didi

javascript - 如何让脚本也检查不同的维度?

转载 作者:行者123 更新时间:2023-11-28 06:29:06 26 4
gpt4 key购买 nike

好的,这段代码用于文件上传按钮,现在这部分代码/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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com