在Javascript中更新图像

Question

我在绘制图像时遇到问题。我需要做的是通过改变这样的变量来改变图像的来源：

    var playerImage = new Image();
    var imageName = "image.png";
    playerImage.src = imageName;

然后，我在代码中的另一个地方更改imageName的值。但是，这不起作用。 imageName的值实际上发生了变化，但图像本身保持不变。有什么想法吗？

Answer 1

更改imageName的值不会重新加载图片。

将新值重新附加到playerImage.src将重新加载它
（需要检查这是否适用于所有浏览器）。 自IE3.02起支持（感谢@mplungjan）

playerImage.src = "new/path/to/img";

Answer 2

更改imageName不会起作用;如果要更改实际图像，则需要为playerImage.src

指定一个新值