<script>
    var eyeCandy = $('#cropContainerEyecandy');
    var croppedOptions = {
        loadPicture:'{{ url($user->userinfo->logo_url) }}',
        uploadUrl: '/upload',
        cropUrl: '/crop',
        cropData:{
            'width' : eyeCandy.width(),
            'height': eyeCandy.height(),
        },
        onAfterImgUpload:     function(){ $('#logo_url').val(this.imgUrl); },
        onAfterImgCrop:        function(response){ $('#logo_url').val(response.url); },
        onReset:      function(){ this.destroy();this.options.loadPicture=''; this.init();this.options.loadPicture=''; },

    };
    var cropperBox = new Croppic('cropContainerEyecandy', croppedOptions);
</script>

申请人

没有人分配

标签

题

项目

还没有

里程碑

没有里程碑

2人参加

jangidgirish 评论 on 3 Nov 2015

有没有反正改变图像初始化Croppic？ 我在页面上有4个图像，所以我想要切换图像按钮点击现有的四个图像，然后裁剪图像。 你能建议如何从croppic插件来实现它

所有者

sconsult 评论 on 12 Nov 2015

嗨@jangidgirish 是的，有一个解决方法来完成这项工作 在裁剪器选项中实现您要应答的回调。例如： onReset：function（）{console.log（'onReset'）}，\ 当用户点击X时，上面的示例将被调用。 而不是像上面的示例中那样写入控制台，用新的图片恢复裁剪，瞧...你下一张图片被加载。 垫

 sconsult 添加 问题 标签 on 12 Nov 2015

jangidgirish 评论 on 20 Nov 2015

感谢你的回复，我已经解决了destroy（）和init（）方法，工作正常 cropperHeader.destroy(); cropperHeader.options.loadPicture = data.imagePath; cropperHeader.init();

来自  https://github.com/sconsult/croppic/issues/182