Question

我使用JCrop在上传Ajax上传后裁剪图像在我的Web应用程序中控制。它在Chrome，Firefox上运行良好不在IE中。我使用JCrop v0.9.12（build：20130202）和IE v10.0.9.9200.16635。问题是JCrop选择在IE中不起作用。谢谢！

这是我的脚本。

<script type="text/javascript">

    jQuery(document).ready
        (function ($) {
            // To hold the API and image size.
        var jcrop_api, boundx, boundy;
            $('#<%=imgCrop.ClientID%>').Jcrop (
                {  // img_crop is the ID of image control
                    onChange: updatePreview, // will display the selected img on change.
                    onSelect: updatePreview, // will display the selected img Img_preview
                    onSelect: storeCoords, // will tell the coordinates
                    aspectRatio: 11 / 15
                }, function ()
                {
                    jcrop_api = this;
                    var bounds = this.getBounds();
                    boundx = bounds[0];
                    boundy = bounds[1];
                }
            );

        function updatePreview(c) {
            if (parseInt(c.w) > 0) {
                var rx = 100 / c.w;
                var ry = 100 / c.h;
                $('#<%=Img_preview.ClientID%>').css({  //Img_preview is the ID of image control
                    width: Math.round(rx * boundx) + 'px',
                    height: Math.round(ry * boundy) + 'px',
                    marginLeft: '-' + Math.round(rx * c.x) + 'px',
                    marginTop: '-' + Math.round(ry * c.y) + 'px'
                });
            }
        };           
    });

    // will store the selected part the images coordinates
    function storeCoords(c) {
        jQuery('#<%=W.ClientID%>').val(c.w);
        jQuery('#<%=H.ClientID%>').val(c.h);
        jQuery('#<%=X.ClientID%>').val(c.x);
        jQuery('#<%=Y.ClientID%>').val(c.y);
    };

</script>

Answer 1

IE的常见修复方法是

        $.Jcrop('#<%=imgCrop.ClientID%>', {  
                // your inits
        });

IE中图像问题的JCrop选择

1 个答案: