1

我在尝试刷新相机图像时遇到问题。第一张图片加载正常，以下图片未加载。但是，当在浏览器中刷新图像时，图像确实会刷新，因此它应该只是 java 脚本的问题。在发布我的问题之前，我已经尝试了几个脚本。我可以使此脚本适用于其他静态图像，这使我相信提供图像的服务器以某种方式拒绝图像刷新。最新的脚本是...

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"                 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<body> 
<script type="text/javascript">
<!--
var refreshrate=1;                 //SECONDS BETWEEN REFRESH
var image="http://71.33.210.85/cam0.jpg";     //IMAGE NAME
var imgheight=240;                   //IMAGE HEIGHT
var imgwidth=320;                 //IMAGE WIDTH
function refresh(){
document.images["pic"].src=image+"?"+new Date();
setTimeout('refresh()', refreshrate*1000);}
document.write('<IMG SRC="'+image+'" ALT="Alternate Text" NAME="pic" ID="pic"        WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 1px solid Black;">');
if(document.images)window.onload=refresh;
// -->
</script>
</body>
</html>
4

2 回答 2

0 
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript">
        $(document).on('ready', init);
        function init(){
            var i = 0;
            imageSrc = 'http://somedomain/project/';
            $('#imageDiv').append('<img src="'+imageSrc+i+'.png" alt="some text">');
            setTimeout(function(){
                i++;
                $(document).find('#imageDiv img').attr('src', imageSrc+i+'.png');

            }, 3000);
        }
    </script>
</head>
<body>`enter code here`
<div id="imageDiv">

</div>
</body>
</html>

你能试试这个脚本吗

于 2013-10-08T22:17:14.730 回答
0

也许粘贴在 url 后面的日期格式不是代码在服务器端所期望的。（虽然你可能已经预料到了）

document.images["pic"].src=image+"?"+new Date();

在控制台中运行它给了我

"http://71.33.210.85/cam0.jpgTue Oct 08 2013 23:17:01 GMT+0200 (Romance (zomertijd))"
于 2013-10-08T21:21:00.950 回答