javascript - 使用 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”，这样您将强制浏览器在服务器上再次查找图像，但 ?random 部分将无论如何都被丢弃，文件仍然会被发现

最简单的方法是在扩展后添加日期/时间