jquery 需要验证图像高度和宽度验证

abithluo 于 12个月前发布在 jQuery

关注(0)|答案(1)|浏览(104)

我实现了一个jQuery代码片段来处理图像上传，并希望根据特定的图像尺寸执行验证。
我现在的代码包含了上传图片的功能，但是我需要验证上传的图片是否宽1000像素，高1250像素。
此外，如果尺寸不匹配，我想删除无效图像的预览。
下面是我目前使用的jQuery代码：

$("#thumbnail").spartanMultiImagePicker({
    fieldName: 'image',
    maxCount: 1,
    rowHeight: 'auto',
    groupClassName: 'col-12',
    maxFileSize: '',
    placeholderImage: {
        image: '{{ asset('assets/back-end/img/400x400/img2.jpg') }}',
        width: '100%',
    },
    dropFileLabel: "Drop Here",
    onAddRow: function(index, file) {

    },
    onRenderedPreview: function(index) {

    },
    onRemoveRow: function(index) {

    },
    onExtensionErr: function(index, file) {
        toastr.error(
        '{{ \App\CPU\translate('Please only input png or jpg type file') }}', {
            CloseButton: true,
            ProgressBar: true
        });
    },
    onSizeErr: function(index, file) {
        toastr.error('{{ \App\CPU\translate('File size too big') }}', {
            CloseButton: true,
            ProgressBar: true
        });
    }
});

字符串

jquery

来源：https://stackoverflow.com/questions/77605234/need-to-validate-image-height-and-width-validation

1条答案

按热度按时间

huus2vyu1#

您可以通过这种方式检查尺寸。

onRenderedPreview: function(index) {
        var image = $("#thumbnail").find(".spartan_image_input")[index];
        if (image) {
            var img = new Image();
            img.onload = function() {
                // Check dimensions
                if (this.width !== 1000 || this.height !== 1250) {
                    // Remove the preview and show an error message
                    toastr.error('The image dimensions must be 1000x1250 pixels.', {
                        CloseButton: true,
                        ProgressBar: true
                    });

                    // Removal function
                    $("#thumbnail").spartanMultiImagePicker('removeRow', index);
                }
            };
            img.src = $(image).val();
        }
    },

字符串

赞(0）回复(0）举报 12个月前

我来回答

jquery 需要验证图像高度和宽度验证

1条答案

相关问题

热门标签

最新问答