【问题标题】:Reload an image from a remote server every x seconds without reloading whole page每 x 秒从远程服务器重新加载图像而不重新加载整个页面
【发布时间】:2019-03-29 17:55:35
【问题描述】:

我需要在一个 img 标签中刷新图像。我的问题是图像的 src 是我无法控制的远程服务器的 URL。所以如果我尝试使用类似的东西:

脚本:

setTimeout(function(){
       document.getElementById("myImage").src = "someIpAddress:8080/some/path/status?someId=123456" + "&rand=" + Math.random()
    },5000);

HTML:

 <div>
    <img src="someIpAddress:8080/some/path/status?someId=123456" id="myImage" >
 </div>

服务器给了我 500,但没有显示任何内容。如果我尝试重新加载页面,它可以工作,但是空白页面的间隔很短,我想避免这种情况,或者至少尽可能减少这个间隔。我什至已经尝试过使用图像和画布,但我没有得到任何结果。提前致谢。

【问题讨论】:

  • 您是否尝试删除 rand 查询字符串参数?服务器是否正确处理它?如果它第一次工作,只要服务器为您服务,它应该每次都工作..
  • 500错误是服务器端问题,先修复
  • 您需要缩小导致 500 错误的原因。检查您的日志中的不同请求并查看服务器上发生了什么。
  • 你试过在 Id 前加 0 吗? someId=0123456, someId=00123456...
  • 正如其他人所说,500 错误表示服务器以某种方式崩溃......这不是您的 JavaScript 的问题。您需要检查日志或调试服务器代码以找出错误所在。

标签: javascript html image reload


【解决方案1】:

你可以试试#

..some/path/status?someId=123456#RandomStuff

【讨论】:

    猜你喜欢
    • 2015-01-21
    • 2013-09-18
    • 2016-04-19
    • 1970-01-01
    • 2013-10-28
    • 2014-02-14
    • 2011-04-28
    • 1970-01-01
    • 2013-06-21
    相关资源
    最近更新 更多