Question

我正在尝试实施https://github.com/fengyuanchen/cropper插件。我已经用bootstrap实现了它，我试图让它成为用户可以按下＆＃34;裁剪按钮＆＃34;并且用户将只看到图像的裁剪部分 - 在图像内部。该演示使用模态框和这行代码：

 $('#getCroppedCanvasModal').modal().find('.modal-body').html(result);

这将显示find打开一个模态并将结果图像（结果）作为html放在模态体中。然后用户可以正常关闭并继续操作。我想实现相同的 - 除了没有模态框。这种方法不起作用，因为它覆盖了所有的html代码，并且插件不再起作用。我想我可能不得不用结果替换源图像本身。对此有何解决方案？

Answer 1

您的原始图片必须位于div之类的容器元素中。您可以使用$("thedivId")选择此div并在此div上调用html(result)。