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

Question

我使用 javascript 对字段 图像上传 进行表单验证，但我坚持如何通过 javascipt 验证图像大小（宽度和高度），仅 600 宽度和 300 高度图像由形式 。

所以，如果您有任何解决方案，请与 mi 共享演示代码。

提前致谢！

Answer 1

您可以在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);
    }
});