通过jQuery更改img src：图像不会刷新

Question

我正在尝试在Phonegap Build应用程序中通过jQuery动态更改src，就像这样：

$('#photo_profile').attr('src', fullPath).one("load", function(evt) {
                console.log("load");
            }).each(function() {
              if(this.complete) $(this).load();
            });

但是似乎每当我更改src时，img并不会刷新，而“load”日志每次都会显示。

fullPath类似于file:///storage/emulated/0/MyAppFolder/Media/Profile%20Photos/profile.jpg

它是一个有效的路径，因为如果我杀死应用程序，然后重新启动它，它将显示正确的图像。

我做错了什么吗？ 谢谢

- ApheX

Answer 1

听起来像是缓存问题。尝试使用一些随机参数来防止它发生：

$('#photo_profile').prop('src', fullPath + '?' + Math.random())

此外，src 是一个属性，所以使用 prop 而不是 attr 更加合理。

- dfsq

---

谢谢 dfsq！它完美地运行了。我以为这只是浏览器的问题，而不是在PhoneGap应用中的问题。 - ApheX