Click here to Skip to main content
11,645,893 members (74,665 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: HTML
Hi all

I have connected to my IP camera, but I have to press f5 to refresh it. Is there any way to refresh the camera image by itself. I don't want to refresh the hole webpage.

Thank you

Posted 13-Feb-13 11:26am
richcb at 13-Feb-13 17:27pm
You could use AJAX and do asynchronous postbacks to refresh a certain part of the page.
AspDotNetDev at 13-Feb-13 18:01pm
How are you currently adding the image to the page? If it's a constant filename, such as "\\ip_camera\image.jpeg", you could just use JavaScript to keep changing the query string, such as "\\ip_camera\image.jpeg?version=88".
Rate this: bad
Please Sign up or sign in to vote.

Solution 1


You can ask the browser to automatically refresh your page using the Meta tag in the head section.

<!DOCTYPE html>
        what ever you had before

The value of CONTENT is the number of seconds for the auto refresh.

Member 9655777 at 13-Feb-13 19:55pm
I tried it before, but it is refresh the whole webpage. I just need to refresh the image, like streaming image.
Rate this: bad
Please Sign up or sign in to vote.

Solution 2

Place your image content inside Ajax UpdatePanel. And use Ajax timer to refresh the same content for regular interval of time.

<asp:ScriptManager runat="server" ID="ScriptManager1" />
        <asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
                <asp:Label ID="Label1" runat="server"></asp:Label>
c# code below..
protected void Timer1_Tick(object sender, EventArgs e)
        Label1.Text = DateTime.Now.ToShortTimeString().ToString();

Above code will fetch current time for regular interval of 1 second. You place your code inside update panel and give time as much you wanted to refresh the content..
Rate this: bad
Please Sign up or sign in to vote.

Solution 3

To refresh the image but not refresh the whole webpage.
<img src="url " id="reloader" onload="setTimeout('document.getElementById(\'reloader\').src=\'url\'+new Date().getMilliseconds()', 500)" />

url is link of the source.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 523
1 514
2 Sergey Alexandrovich Kryukov 503
3 Afzaal Ahmad Zeeshan 368
4 F-ES Sitecore 279
0 OriginalGriff 1,143
1 994
2 Sergey Alexandrovich Kryukov 808
3 Afzaal Ahmad Zeeshan 702
4 DamithSL 691

Advertise | Privacy | Mobile
Web03 | 2.8.150731.1 | Last Updated 16 Feb 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100