如何重新加载<img/>

How do I reload an <img/>?

本文关键字：img gt lt 何重新 加载      更新时间：2024-04-27

我在WPF页面上有一个WebBrowser控件。加载到WebBrowser控件中的HTML页面显示WPF应用程序的图像。我有一个从WPF页面到HTML页面的JavaScript回调，告诉页面图像已经更改并重新加载图像。我似乎找不到任何方法来告诉浏览器标记中的底层文件已经更改。

如何重新加载img？

我试着只更改src属性，我也厌倦了这样的事情：

            $("#img1").attr("src", "");
            $("#img2").attr("src", "");
            $("#img1").attr("src", image1);
            $("#img2").attr("src", image2);

第一次调用该函数时，会显示图像。当更改图像并再次调用函数时，原始图像将保留。

使用随机查询部分将源设置为new。例如img.png？0001等

有了这个技巧，每个调用都有一个新的url，浏览器控件就不会因为缓存内容而打扰你。

传递唯一的querystring参数将强制重新加载图像。许多网站和图书馆（例如）使用这种技术来确保显示资源的新副本：

$("#img1").attr("src", image1 + '?_=' + new Date().getTime());
$("#img2").attr("src", image2 + '?_=' + new Date().getTime());

如果image1或image2链接已经有查询字符串，则需要添加额外的逻辑。

相关文章：