如果新映像太小，如何停止Ajax程序

Question

我只想在new img為960 x 540下運行ajax過程，但是似乎img.onload獲得img.onload的結果。

var src = localStorage.getItem('img');
img = new Image();
img.src = src;
var x = 0;
img.onload = function() {
    if (img.naturalWidth < 960 || img.naturalHeight < 540) {
        $('.cmenu').hide();
        console.log('CHOOSEN IMAGE IS TOO SMALL!');
        x = 1;
        return false; // doesn't work
    }
}
if (x == 1) {return false;}  // doesn't work.
$.ajax({...

如果圖像小於960 x 540如何停止ajax ？

Answer 1

問題是img.onload將在圖像加載后發生，這也將在 if( x == 1 )檢查失敗后發生。 為了使其工作，我建議將ajax調用放在大小正確的onload函數中：

img.onload = function() {
    if (img.naturalWidth >= 960 || img.naturalHeight >= 540) {
        $.ajax({...
    }
    else{
        $('.cmenu').hide();
        console.log('CHOOSEN IMAGE IS TOO SMALL!');
    }
}