Javascript JCrop为图像添加高度和宽度

我使用JCrop裁剪照片（显然），我的问题是我的图像是可点击的（启动模式），并且宽度和高度与我为点击的图像设置的不同

例如：

$("#avatar-photo").html("<img src='" + replace + "' alt='Avatar' class='w3-center w3-round w3-border' style='height: 280px; width: 400px;' id='enlarged-photo'>

$（“#头像照片”）.html

但当它加载到模态中时，JCrop会添加以下的内联样式：

<img src="image.jpg" alt="Avatar" class="w3-center w3-round w3-border" style="height: 152px; width: 152px; display: none; visibility: hidden;" id="enlarged-photo">

是否有任何方法可以阻止JCrop这样做，因为它会使模式中的图像太小

我希望这能解释我的问题

谢谢

更新：

我已将图像大小问题与此隔离：

<img src="image.jpg" alt="Avatar" class="w3-center w3-round w3-border" style="height: 150px; width: 150px; display: block; visibility: visible; border: none; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; opacity: 1;">

---

我现在唯一的问题是如何阻止JCrop为样式设置高度和宽度？

我相信这可能是因为代码在相互操纵

在您的JS中：

style='height: 280px; width: 400px;'

在HTML中：

style="height: 152px; width: 152px;

---

他们都试图在高度和宽度上对图像进行估值。删除其中一个。

修复了它，这是一个boxWidth和boxHeight问题

我无法删除JCrop自动放入的图像（我不知道它在哪里进行）。JCrop正在自动插入此图像-style=“height:152px；width:152px；”我想删除它。