почему мой оператор if чередуется с другими каждый раз, когда я запускаю функцию

Question

Итак, здесь я сделал из кнопки функцию для загрузки изображений с помощью ajax для показа на холсте, но для указания ширины и высоты я использую оператор if. Я указываю, если ширина больше высоты width = 300 и height = 200, если ширина меньше высоты width = 200 и height = 300.

Но я не знаю, как, если я нажму кнопку в первый раз после обновления моей страницы, если утверждение неверно или в другом случае это так. И следующий следующий щелчок поочередно. Вот мой код.

      var image2 = new Image();   
      image2.src = '../img/template/'+e; 
      tmpWidht = parseInt(image2.width);
      tmpHeight = parseInt(image2.height);

      if( tmpWidht > tmpHeight ){
        var imgWidth = 300;
        var imgHeight = 200;
      }else{
        var imgWidth = 200;
        var imgHeight = 300;
      }

Answer 1

ах, извините, это весь мой ajax код успеха

var id = e+varImg;
      var image2 = new Image();   
      image2.src = '../img/template/'+e; 
      tmpWidht = parseInt(image2.width);
      tmpHeight = parseInt(image2.height);

      if( tmpWidht > tmpHeight ){
        var imgWidth = 300;
        var imgHeight = 200;
      }else{
        var imgWidth = 200;
        var imgHeight = 300;
      }

      image2.onload = function(){
        var img2 = new Konva.Image({
        x:50,
        y:50,
        width: imgWidth,
        height: imgHeight,
        image: image2,
        id: id,
        draggable: true
        });

      layer.add(img2);
      layer.draw();