我在模态对话框中显示用户上传的图像。在此图像上,我正在初始化JCrop以裁剪图像。
问题是我无法在对话框中正确设置图像,对于大小(尺寸)小于对话框大小的图像,它工作正常,但对于大于对话框大小的图像,图像会退出对话框。
我尝试使用boxHeight和boxWidth,但这会使图像无响应,并且对于较小尺寸的屏幕,图像正在退出对话框。
基本上,我正在寻找在对话框中显示图像的通用解决方案,无论图像大小如何,以便在对话框中正确显示图像。
使用这个可能会有所帮助:
<div class="modal-body" style="overflow: auto; >
......preview here ....
</div>
最简单的解决方案是使用 jcrop 选项在固定大小的div 中初始化 jcrop,如下所示:
boxWidth: 500,
boxHeight: 500,