使用JavaScript更新图像src？

Question

我有一个图像(img.png),其内容在组合框更改后更改.

问题是当我更改页面上的组合框时,图像的内容不会改变.

我尝试使用这样的JavaScript:

function SwitchPic(pic) {
    pic.src = "img.png";
}

而img标签是:

<img src='img.png' id='img1' name='img1'>

和组合框标签是:

<select name="users" onchange="show(this.value);SwitchPic(img1);">
    <option value="">Select a Number:</option>
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
</select>

它是我第一次更改选项时工作,但是当我重新更改选项时,它会保留图像而不更改它.

我怎么解决这个问题？

Answer 1

可能只是一个缓存问题而不是只使用文件名,添加一个随机的部分,如'img.png？random',这样你就会强迫浏览器在服务器上再次查找图像,但是？无论如何都会丢弃随机部分,仍然可以找到文件最简单的方法是在扩展后添加日期/时间