jQuery cropit插件检查当前图像是否可缩放

时间:2015-03-06 20:07:05

标签: jquery crop

我使用此插件裁剪图片:http://scottcheng.github.io/cropit/

我想知道如何查看当前图像是否可缩放,以便我可以隐藏缩放div,如果没有,它说这个函数适用于它:$imageCropper.cropit('isZoomable');但是如何使用它?我是jQuery的初学者。 到目前为止,这是我的代码:

    $(function() {
        $('.image-editor').cropit({ imageBackground: true, imageBackgroundBorderWidth: 15 });

if ($('.image-editor').cropit('isZoomable')) { 
            alert("you can zoom");
        } // EDIT: I added it but it's not working

            $('form').submit(function() {
                // Move cropped image data to hidden input
                var imageData = $('.image-editor').cropit('export', {
                                                            type: 'image/jpeg',
                                                            quality: .9
                                                            });
                $('.hidden-image-data').val(imageData);

                // Print HTTP request params
                var formValue = $(this).serialize();

                $.ajax({
                type: 'post',
                url: 'doupload.php',
                data: {bilddata: formValue},
                success: function(data) {

                }
               });
                return false;
            });
        })

1 个答案:

答案 0 :(得分:0)

就像这样:

if ($('.image-editor').cropit('isZoomable')) {
    // code
}