如何验证图像像素?

时间:2014-12-05 06:37:20

标签: jquery html validation

如何验证图像像素?  以下是我的代码,但仅适用于图像类型和尺寸。

<!DOCTYPE html>
    <html>
    <head>
    <title>Image Validation</title>
    <meta charset="utf-8">
    <title>jQuery validation plug-in - comment form example</title>
    <script src="lib/jquery.js"></script>
    <script src="js/file-validator.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/app.js"></script>
    <link rel="stylesheet" href="css/cssval.css">
    <body>
        <fieldset>
            <legend>Image</legend>
            </p>
              </li>
              <li>Choose an image file:
                  <input type='file' class='demo' data-type='image' data-max-size='2mb' />
              </li>
        </fieldset>

    </body> </html>

</head>

2 个答案:

答案 0 :(得分:1)

这是jquery我认为你必须首先预览图像,无论隐藏与否,预览后使用该代码查看THISJsfiddle并在预览后使用该代码

$(document).ready(function(){
 var imgWidth = $('#target').width();
 var imgHeight = $('#target').height();
 if(imgWidth > 400 || imgHeight > 200){
 alert('Your image is too big, it must be less than 200x400');
}
});

答案 1 :(得分:0)

在脚本中使用它

var _URL = window.URL || window.webkitURL;

spark.jars