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

时间:2013-07-18 14:42:44

标签: jquery html

我有这个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" />

1 个答案:

答案 0 :(得分:1)

我相信这是因为JSFiddle自动将您的代码包装在$(document).ready()(或者$(window).load())中。

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

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