如何通过多个实例动态获取图像大小

How to get image size dyamically w/ mutliple instances?

本文关键字：获取图像动态实例何通过更新时间：2023-09-26

我正在使用FileReader来填充我的图像。

// i.e. .... e.target.result

如果我设置一个像这样的图像元素源：

pic_upload_area.src = some_image;

我可以得到这样的尺寸：

width = pic_upload_area.clientWidth;

一切都很顺利。然而，如果我现在将其重置为这样的新图像：

pic_upload_area.src = '';
pic_upload_area.src = new_image;

再次得到这样的图像：

width = pic_upload_area.clientWidth;

我发现它仍然有旧图像的宽度，并且新图像的格式已经不符合旧图像的尺寸。

我觉得奇怪的是，它只在第一次尝试时起作用。更新图像的.src属性时，如何更新clientWidth？

最简单的方法是删除并重新创建pic_upload_area。一旦设置了其尺寸，新图像src将符合旧尺寸。