jQuery cropit导出方法仅返回’data：,’字符串

发布时间：2020-12-14 22:56:01 所属栏目：资源来源：网络整理

导读：我的cropit的html代码：和我的cropit javascript代码： $('.choose_pic').click(function(){ $('.cropit-image-input').click();});var z = $('#image-cropper').cropit({ exportZoom: 1,imageBackground: true,imageBackgroundBorderWidth: 15 // Width of

我的cropit的html代码：


和我的cropit javascript代码：

$('.choose_pic').click(function(){
     $('.cropit-image-input').click();
});

var z = $('#image-cropper').cropit({
    exportZoom: 1,imageBackground: true,imageBackgroundBorderWidth: 15 // Width of background border
});
$('.send_image').click(function(){
    var h = z.cropit('export');
    $('#photo_show img').attr({ src: h });
});

我想通过使用cropit jquery插件裁剪图像,我读取完整文档和多example on web,但只返回包含数据的字符串：,
我不知道出了什么问题？


最佳答案
您应该定义.cropit-image-preview css类,以便设置裁剪图像的宽度和高度.

.cropit-image-preview {
  /* You can specify preview size in CSS */
  width: 100px;
  height: 100px;
}

并使用这样的选择器：

var z = $('#image-cropper');
z.cropit({
    exportZoom: 1,imageBackgroundBorderWidth: 15 // Width of background border
});

试试这个：
http://jsfiddle.net/grzveb09/
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!