Question

I have a webcam script that sends a JPG via FTP to my webserver every 10 seconds (overwriting the original).

How can I get jQuery to refresh that image? I tried:

window.onload = function() {
            $('body').prepend('<img id="cam" src="ww.jpg" alt="" />');
            setInterval(runAgain, 12500);
        };

        function runAgain() {
            $.ajax({
                url:'ww.jpg',
                cache:false,
                beforeSend:function() {
                    $('#cam').remove();
                },
                success:function() {
                    $('body').prepend('<img id="cam" src="ww.jpg" alt="" />');
                }
            });
        }

Note: I don’t want to refresh the page if I can help it.

Answer 1

A dirty way is appending a timestamp or a random number at the end of the image src, to prevent the caching, like
img src=”image.jpg?random=[RANDOM]”
where [RANDOM] is the timestamp or the random number