在图像被覆盖时在 wordpress 网站和更新网站上包含图像答案

【问题标题】：Include image on wordpress site and update site when image gets overwritten在图像被覆盖时在 wordpress 网站和更新网站上包含图像
【发布时间】：2021-08-14 15:14:44
【问题描述】：

我现在正在设计一个 WordPress 网站，并希望包含一个网络摄像头，让用户可以看到实时天气。因此，网络摄像头中的图片每 5 分钟上传到wordpress/wp-content/uploads/webcam/upload.jpg 下的 wordpress 网络空间。

我现在想在我的网站上包含这张图片（每 5 分钟更改一次，但始终使用相同的名称）。

目前我正在使用简单的 html 来包含图片：

<img class="alignnone size-medium" src="https://XXXXXXX.de/wp-content/uploads/webcam/upload.jpg" width="1280" height="720" />

我可以在网站上看到一张图片，但是当服务器上的图片被覆盖时，网站仍然显示“原始”图片。

如何实现登录网站的用户始终在服务器上看到最新版本的图片？正如我所说，文件名始终相同。

如果这很重要，我正在使用impreza 主题。

谢谢！

【问题讨论】：

我建议添加一些js来改变img的url，比如document.querySelector('#image2').src = 'https://XXXXXXX.de/wp-content/uploads/webcam/upload.jpg?time=' + (new Date()).getTime();
@Felox 我究竟在哪里可以在 WordPress 网站上实现 js？ '#image2' 是我需要为图像提供的特定标签吗？

标签： php html wordpress server

【解决方案1】：

尝试使用 get 参数让浏览器理解它是一个新 URL，它会获取。例如使用 src 属性之类的 src="https://XXXXXXX.de/wp-content/uploads/webcam/upload.jpg?your_Ver_var=currenttimeoutput()" 实现 currenttimeoutput() 或使用内置的 php time 方法来渲染它

【讨论】：