如何检查动态背景图像是否太大而无法放入angularjs？

我有一个元素（很可能是

div

），它可能受窗口大小的影响（或不受影响）。用户可以选择任何图像作为

div

的

背景图像

，我需要检查该图像是否太大，如果太大，我需要打开

背景大小：contain

。我不知道如何获取背景图像的大小

onload

，以及如何将其与

div

进行比较。我认为这需要一个自定义指令，但我没有发现任何类似的例子

---

另一方面，url更改时，中的图像为什么保持不变？

您可以将图像加载到临时img标记中，并检查图像的高度和宽度。但问题是，你需要一些坚实的单位进行比较。由于容器尺寸以百分比表示，因此需要获取其渲染尺寸以确定其是否超过。@PSL是否有办法获取div的高度和宽度？如何处理拥有背景图像的div？我基本上需要

div

来记住加载的

背景图像的宽度和高度，并在每次窗口更改时检查它们。