jquery - jquery检查图像高度宽度服务器问题

Question

我有这个 jquery 来检查图像的高度和宽度。它适用于 jfiddle.net

http://jsfiddle.net/XJNp3/5/

但它在服务器或我的本地机器上不起作用。我已经在 IE 和 chrome 中尝试过。就像我说的，两者都在 jsfiddle 中工作，但不在生产中。谢谢

<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type='text/javascript'>
        var _URL = window.URL;
        $("#myFile").change(function () {
            var file, img;
            if ((file = this.files[0])) {
                img = new Image();
                img.onload = function () {
                    if (this.width != 57) {
                        alert('Please ensure the Image width is 57');
                        document.getElementById('myFile').value = "";
                    } else if (this.height != 59) {
                        alert('Please ensure the Image height is 59');
                        document.getElementById('myFile').value = "";
                    }
                    else {
                        //alert('perfect');
                    }
                };
                img.src = _URL.createObjectURL(file);
            }
        });
</script>
   <input type="file" id="myFile" />

Answer 1

我相信这是因为 JSFiddle 会自动将您的代码包装在一个$(document).ready()（或可能$(window).load()）中。

在您的实际代码中，您需要自己执行此操作。IE

$(document).ready(function(){
  //All your jQuery code here
});