Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP + Ajax] Płynne odświerzanie obrazka
Forum PHP.pl > Forum > XML, AJAX
topcio
Witajcie
Po raz kolejny potrzebuję pomocy.
Pobieram obraz z kamery i zapisuję go do pliku powiedzmy test.jpg
Miałem na chwilę obecną ustawione, aby strona odświeżała się co x sekund, sposób ten jednak jest nie satysfakcjonujący.
Chciałem zrobić to z wykorzystaniem ajax --> tu jestem noga
Udało mi się z wykorzystaniem periodicalUpdater zrobić odświeżanie DIVa, jednak to nie odświeża obrazka, z wiadomych przyczyn. Nie ma zmiany w kodzie php, to nie ma co odświeżać.
Czy istnieje jakiś sposób na odświeżanie tylko obrazka na stronie, gdy ten zmieni swoją wielkość, bo chyba tylko w taki sposób można wywnioskować, że się on zmienił (nazwa zostaje zawsze ta sama).
Z góry dzięki za pomoc.

Pozdrawiam
nospor
Ajax tu nie jest potrzebny skoro operujesz tylko na obrazku.
Ustaw w kodzie js by co x sekund zmienial src obrazka na:
http://sciezka/do/obrazka.jpg?time

Gdzie za time bedziesz podstawial aktualny unixtimestamp i po sprawie
topcio
Pomysł jest dobry, ale nie do końca działa poprawnie

Kod

  1. <script language="JavaScript">
  2. function refreshIt() {
  3. if (!document.images) return;
  4. document.images['kamera'].src = 'pages/test/test.jpg?' + Math.random();
  5. setTimeout('refreshIt()',1000);
  6. }
  7. </script>
  8. </head>
  9. <div class="col-lg-3 col-md-4 thumb">
  10. <div class="thumbnail" >
  11. <a href="#">
  12. <img class="img-responsive" src="/pages/test/test.jpg" alt="" id="kamera" name="kamera">
  13. </a>
  14. </div>
  15. </div>
  16. </body>
  17.  


Problem polega na tym, że cała strona (div wyżej) odświeżana jest Ajaxem, i teraz widać na stronie, że pojawia się nowy obrazek, ale tylko na ułamek sekundy, po czym z powrotem wczytuje się ten, który był na początku.


nospor
Nie kumam. A po co to jeszcze odswiezasz ajaxem?
topcio
W sumie, mogę spróbować to ominąć.
Ale sens był taki, że główny DIV wczytuje tylko te kamery, do których dany user ma dostęp.
Mam 200 kamer
User A ma dostęp do 20
User B do 10
ajaxem doczytuję plik, w którym są includowane tylko te DIVY(wewnętrzne), do których dostęp ma dany user.
No i po takim wczytaniu pojawia się galeria z obrazkami (stream z kamer), które to mają się odświeżać płynnie
nospor
No i po co odswiezac to ajaxem ciagle? Co minute zmieniaja sie prawa usera do kamer?
topcio
Tu dlatego napisałem, że mogę to ominąć.
Aplikacja jest bardzo rozbudowana i czasem się już w niej gubię tongue.gif
A dlaczego głównego diva odświeżam, bo plik się zmienia jeśli jest awaria kamery bądź rejestratora, wtedy by klient nie widział czarnej pustki ma się wczytać div z info o awarii.
Spróbuję to obejść od tyłu. smile.gif
Dzięki za pomoc.
nospor
Nawet jesli musisz odswiezac tym ajaxem, to nic nie stoi na przeszkodzie bys podczas odswiezania dopisywal numerek do adresu zdjecia i tez bedzie dzialac az milo
topcio
Nie pomyślałem smile.gif
Wyłączyłem na szybko ajaxa i działa ładnie, ale czasem pojawia się efekt zniknięcia obrazu, wygląda jakby w momencie odświeżania nie było pliku test.jpg w katalogu. Dziwne, może to kwestia serwera (jest leciwy).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.