アップロードする前に画像のサイズ/サイズを確認してください

Question

この機能を使用して画像の寸法を確認するにはどうすればよいですか？アップロード前に確認したいだけです...

$("#LINK_UPLOAD_PHOTO").submit(function() { 
    var form = $(this); 
    form.ajaxSubmit({ 
     url: SITE_URL + 'functions/_app/execute/link_upload_photo.php', 
     dataType: 'html', 
     beforeSubmit: function() { 
    //CHECK DE IMAGE DIMENSIONS, SIZE, AND SHOW ERRORS 
     }, 
     uploadProgress: function (event, position, total, complete) { 
      $(".j_progressbar").fadeIn(); 
      $(".j_progressbar .bar").width(complete + "%"); 
     }, 
     success: function (data) { 
      $("#PHOTO_UPLOADED").css("background-image","url("+window.URL.createObjectURL(document.getElementById('ADD_FIGURE').files[0])+")"); 
      $("#PHOTO_UPLOADED").css("background-size","462px"); 
      $("#UPLOAD_STATUS").css("opacity", "0.5"); 
      $("#UPLOAD_STATUS").css("-moz-opacity", "0.5"); 
      $("#UPLOAD_STATUS").css("filter", "alpha(opacity=50)"); 
      $(".j_progressbar").hide(); 
      $(".ADD_FIGURE").attr("rel",data); 
     } 
    }); 
    return false; 
}); 

ありがとうございます。

Answer 1

.naturalWidth & .naturalWidth HTMLImageElementの読み取り専用プロパティの使用については、the docsを参照してください。

var x = document.getElementById("myImg").naturalWidth; 
 

 
function myFunc() { 
 
    var x = document.getElementById("myImg").naturalWidth; 
 
    var y = document.getElementById("myImg").naturalHeight; 
 
    alert(x + "X" + y); 
 
}

<img id="myImg" src="http://www.w3schools.com/jsref/compman.gif" style="width:500px;height:98px;"> 
 
<button onclick=myFunc()>GET DETAILS</button>