Jcrop在模态对话框中显示图像以解决裁剪大小问题



我在模态对话框中显示用户上传的图像。在此图像上,我正在初始化JCrop以裁剪图像。

问题是我无法在对话框中正确设置图像,对于大小(尺寸)小于对话框大小的图像,它工作正常,但对于大于对话框大小的图像,图像会退出对话框。

我尝试使用boxHeight和boxWidth,但这会使图像无响应,并且对于较小尺寸的屏幕,图像正在退出对话框。

基本上,我正在寻找在对话框中显示图像

的通用解决方案,无论图像大小如何,以便在对话框中正确显示图像。

使用这个可能会有所帮助:

<div class="modal-body" style="overflow: auto; >
......preview here ....
</div>

最简单的解决方案是使用 jcrop 选项在固定大小的div 中初始化 jcrop,如下所示:

boxWidth: 500,
boxHeight: 500,

相关内容

  • 没有找到相关文章

最新更新