动态< img>用JavaScript刷新 [英] dynamic <img> refresh with javascript

问题描述

我正在尝试让用户输入图像每两秒钟刷新一次.javascript获取用户输入的URL，而javscript将其添加到页面.然后，加载的图像需要每2秒刷新一次，但是如果不刷新整个页面或从缓存中重新加载，我无法使其正确刷新:

I'm trying to get an user input image to refresh say every two seconds. The javascript gets user input for an URL and the javscript adds it to the page. Then the images loaded need to refresh every 2 seconds but i can't get it to refresh properly without refreshing the whole page or reloading from the cache:

function getImg(){

var url=document.getElementById('txt').value;
var div=document.createElement('div');
div.className="imageWrapper";
var img=document.createElement('img');
img.src=url;
div.appendChild(img);
document.getElementById('images').appendChild(div);
return false;
}

setInterval(function(){
    $('img').each(function(){
       var time = (new Date()).getTime();
       $(this).attr("src", $(this).attr("src") + time );
    });
}, 2000);

有什么想法吗?

推荐答案

当您需要强制重新加载资源时，必须在URL的末尾添加一个dymmy queryString:

When you need to force reload the resource, you have to add a dymmy queryString at the end of your url:

<img id="img1" src="myimg.png?dummy=23423423423">

JavaScript:

Javascript:

$('#img1').attr('src','myimg.png?dummy=23423423423');

并为每次刷新更改虚拟值

and change the dummy value for each refresh

这篇关于动态< img>用JavaScript刷新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！