jQuerycropit 插件检查当前图像是不是可缩放

Posted 2023-02-25

【中文标题】jQuerycropit 插件检查当前图像是不是可缩放

【英文标题】：jQuery cropit plugin check if current image is zoomablejQuerycropit 插件检查当前图像是否可缩放

【发布时间】：2015-03-06 20:07:05

【问题描述】：

我使用这个插件来裁剪图像：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;
            );
        )

【问题讨论】：

所以我删除了我的答案。祝你好运:)

你为什么这样做？我解决了，你的代码在图像输入时起作用，再次写下你的答案，我会接受它，谢谢：D

感谢“取消删除”按钮哈哈哈

【参考方案1】：

就是这样：

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

【讨论】：

我试过了，但它不起作用，请检查我的编辑，它是正确的地方吗？

控制台报错了吗？提交前要检查吗？

在if 之前写上console.log($('.image-editor').cropit('isZoomable')) 并在控制台中查看它是否打印“true”或“false”

它在页面加载时打印空，然后在我选择/更改图像后什么也没有