2017-03-27 14 views
0

私は、ユーザーが画像ファイルを読み込むためのスクリプトを書いています。各ユーザーにはログインするためのアカウントがあり、そうしたときにデータテーブルが読み込まれ、アカウントに関連付けられた画面の一覧が返されます。Jqueryの検証 - jquery変数の内容を比較する

ユーザーが画面を選択し、jQueryスクリプトが画面解像度を返します。

var w; 
var h; 
$(document).ready(function() 
{ 
    $('#board').change(function(){ 
    $.get('check_override_image.php', { RecordID: form2.board.value }, 
    function(result) { 
     result = JSON.parse(result); 
     w = result["imagesizes"][0]["DisplayWidth"]; 
     h = result["imagesizes"][0]["DisplayHeight"]; 
     $('#size').html("Display width: " + result["imagesizes"][0]["DisplayWidth"] 
       + ",<br> Display height: " + result["imagesizes"][0]["DisplayHeight"]).show(); 

     if (result["imagesizes"][0]["DisplayType"] == 'P') { 
      $("#portrait").show(); 
      $("#landscape").hide(); 
      $("#SelectView").show(); 
      $("#SelectViewText").show(); 
     } else { 
      $("#landscape").show(); 
      $("#portrait").hide(); 
      $("#SelectView").show(); 
      $("#SelectViewText").show(); 
      } 
     }); 
    }); 
}); 

ユーザーは、「参照」リンクをクリックしてローカルドライブから画像を選択し、別のjQueryスクリプトが画像ファイル名と画像サイズを返します。

$(document).ready(function(){ 
//LOCAL IMAGE 
var _URL = window.URL || window.webkitURL; 
$("#image_field").change(function (e) { 
     var file, img; 
     if ((file = this.files[0])) { 
      img = new Image(); 
      img.onload = function() { 
       if (this.width != w || this.height != y) { 
        alert(this.width + " " + this.height); 
       }; 
      }; 
    img.src = _URL.createObjectURL(file); 
     } 
    }); 
}); 

私の質問:私は確信して、選択した画像のサイズは、選択画面の解像度と同じであるために「this.width」と「this.height」と一緒にresult["imagesizes"][0]["DisplayWidth"]result["imagesizes"][0]["DisplayHeight"]を使用することができる方法があります?

答えて

0

私はこれがどのように行われ、反映するために質問コードを更新しました