Drukowana wersja tematu

Napisany przez: topcio 20.01.2017, 12:09:02

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

Napisany przez: nospor 20.01.2017, 12:17:03

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

Napisany przez: topcio 20.01.2017, 12:39:05

Pomysł jest dobry, ale nie do końca działa poprawnie

Kod

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/head.html>
		<http://december.com/html/4/element/script.html language="JavaScript">
		function refreshIt() {
		   if (!document.images) return;
		   document.images['kamera'].src = 'pages/test/test.jpg?' + Math.random();
		   setTimeout('refreshIt()',1000);
		}
		</http://december.com/html/4/element/script.html>
</http://december.com/html/4/element/head.html>
<http://december.com/html/4/element/body.html>
<http://december.com/html/4/element/div.html class="col-lg-3 col-md-4 thumb">
  <http://december.com/html/4/element/div.html class="thumbnail" >
    <http://december.com/html/4/element/a.html href="#">
    <http://december.com/html/4/element/img.html class="img-responsive" src="/pages/test/test.jpg" alt="" id="kamera" name="kamera">
    </http://december.com/html/4/element/a.html>
  </http://december.com/html/4/element/div.html>
</http://december.com/html/4/element/div.html>
</http://december.com/html/4/element/body.html>
 
[HTML] pobierz, plaintext 

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.

Napisany przez: nospor 20.01.2017, 12:42:12

Nie kumam. A po co to jeszcze odswiezasz ajaxem?

Napisany przez: topcio 20.01.2017, 12:47:18

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

Napisany przez: nospor 20.01.2017, 12:49:52

No i po co odswiezac to ajaxem ciagle? Co minute zmieniaja sie prawa usera do kamer?

Napisany przez: topcio 20.01.2017, 12:53:56

Tu dlatego napisałem, że mogę to ominąć.
Aplikacja jest bardzo rozbudowana i czasem się już w niej gubię
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.
Dzięki za pomoc.

Napisany przez: nospor 20.01.2017, 12:58:23

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

Napisany przez: topcio 20.01.2017, 13:04:15

Nie pomyślałem
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).