0

画像の高さと幅をチェックするためにこのjqueryがあります。jfiddle.netで動作します

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

しかし、サーバーやローカル マシンでは機能しません。私はIEとクロムで試しました。私が言ったように、両方とも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" />
4

1 に答える 1

1

JSFiddle が自動的にコードを$(document).ready()( または多分$(window).load()) でラップするためだと思います。

実際のコードでは、これを自分で行う必要があります。すなわち

$(document).ready(function(){
  //All your jQuery code here
});
于 2013-07-25T14:14:03.313 に答える