Javascript表单验证用于字段图像上传?

时间:2013-02-23 11:22:38

标签: php javascript jquery forms validation

我使用javascript对字段进行表单验证图片上传但我坚持认为如何通过javascipt验证图像大小(宽度和高度)只有600宽度和300高度图像的帖子形式。

所以,如果你有任何解决方案的人都是mi的演示代码共享。

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以在javascript端使用以下功能来检查图像是否具有所需的分辨率。

如果分辨率高于继续提交表单,否则显示错误消息。

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

$("#file").change(function(e) {
    var file, img;

    if ((file = this.files[0])) {
        img = new Image(); // create a Image object which contain height & width property of image
        img.onload = function() {
            alert(this.width + " " + this.height);
        };
        img.onerror = function() {
            alert( "not a valid file: " + file.type);
        };
        img.src = _URL.createObjectURL(file);
    }
});