如何使用/多个实例动态获取图像大小？

Question

我正在使用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;

我发现它仍然具有旧图像宽度，并且新图像格式不正确以适应旧图像的尺寸。

我觉得很奇怪它只适用于第一次尝试。如何在更新图片的clientWidth属性时更新.src？

Answer 1

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