WebSite X5Help Center

 
Gabriele L.
Gabriele L.
User

Aggiornamento Immagine da telecamera  it

Autore: Gabriele L.
Visite 1169, Followers 1, Condiviso 0  

Buona sera a tutti, stò cercando di rifare un sito dove è presente una telecamera che a intervalli di 2 minuti salva una foto in una cartella del sito e successivamente la sovrascrive mantenendo sempre lo stesso nome del file jpg. Io ho messo la foto in una pagina volevo capire se possibile effettuare un refresh automatico dell'immagine, in quanto nel sito attualmente in linea, per poter vedere la foto aggiornata (l'ultima) è necessario, per alcuni browers, semplicemente ricaricare la pagina, ma per altri è necessario cancellare la cache del browers, operazione non comoda e non facile per chiunque.

Qualcuno gentilmente sa dirmi se scrivendo qualche riga di codice o altra funzione, sia possibile risolvere?

Anche aggiungendo un pulsante vicino all'immagine che esegua un comando che permetta l'aggiornamento dell'immagine.

Grazie

Saluti

Gabriele

Postato il
8 RISPOSTE - 1 UTILE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... posta il LINK...

... oppure se sai e vuoi far da te ti puoi sfruttare i miei codici per esempio tra questi Topic >> qui

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giorgio C.
Giorgio C.
User

Non basta il refresh automatico, devi anche ingannare la cache...

puoi fare in questo modo ma la pagina deve essere php.

inserisci questo codice e personalizza con il nome e path dell'immagine e anche il tempo di reload (così sono 2 minuti)

<?php
$n = time();
echo "<img src='cartella/immagine.jpeg'?'$n' >";
?>
<script>
setTimeout(function() { window.location.reload() }, 120000);
</script>

Leggi di più
Postato il da Giorgio C.
Gabriele L.
Gabriele L.
User
Autore

Buona sera @KolAsim grazie per la risposta, ho dato un occhiata ai tuoi topic mi trovo un pò in difficoltà, posso pertanto postare il link della pagina che attualmente è in linea (che non ho fatto io), mentre quanto stò rifacendo io non si trova in linea, ho comunque ricreato una pagina simile e ho buttato dentro la finestra con l'immagine. nel sito che stò facendo io, non ho la barra laterale dei menù ma uso hamburgher menù, ma presumo che questo non sia un problema.

il link alla pagina è questo:http://www.gmsiziano.it/meteo.html

Grazie anche @Giorgio C. devo dire che ho capito cosa intendi, ma non credo che la pagina sia in php e al momento non saprei come farla diventare, mi mancano un po' di info, mi tengo da parte il tuo codice vedo se poi riesco ad implementarlo.

Grazie ancora per le info

Gabry

Leggi di più
Postato il da Gabriele L.
Fabio C.
Fabio C.
User

Segui i consigli di Giorgio C. e metti la pagina PHP al passo 3---Proprietà--->Esperto--->Estensione del file generato.

Se hai link che puntano a qulla pagina dovrai modificarli con l'estensione php

Leggi di più
Postato il da Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Gabriele L.
Buona sera @KolAsim grazie per la risposta, ho dato un occhiata ai tuoi topic mi trovo un pò in difficoltà, ... ... ...  il link alla pagina è questo:http://www.gmsiziano.it/meteo.html ... ... ... 

... menomale che c'è anemoscopio per poter capire...laughing...

... se usi l'attuale URL del flusso webcam, puoi risolvere semplicemente ed immediatamente incollando questo mio codice in un Oggetto Codice HTML qualsiasi di qualsiasi progetto che puoi provare direttamente senza altre modifiche (e senza PHP), con intervallo impostato a 120 secondi (2 minuti) valutati..

... l'immagine si aggiornerà già in apertura della pagina, e poi ogni due minuti e senza coinvolgere la pagina(!)...

<img id="imgK" width="100%" src="http://www.gmsiziano.it/camera/camera0.jpg" onload="this.onload=this.src=this.src+'?'+new Date().getTime()" />
<script>
urlK="http://www.gmsiziano.it/camera/camera0.jpg";
secondiK = 120; // numero secondi per attesa refresh; //K;
function refreshK() {urlK1=urlK + "?" + new Date().getTime(); $("#imgK").attr("src", urlK1); }
setInterval(function(){ refreshK() }, secondiK * 1000);
</script>

... un Copia/Incolla ...wink...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Gabriele L.
Gabriele L.
User
Autore

Buona sera a tutti garzie  @Patrizia b. per il tuo contributo verso il php, e grazie @KolAsim per html, proverò prima quest'ultimo dato che dovrei riuscire anche a provarlo, presumo che poi dall'interno del sito la modifica da fare riguardi le due parti della stringa

<img id="imgK" width="100%" src="camera/camera0.jpg"

mentre l'altra dovrebbe essere

urlK="camera/camera0.jpg";

dato che penso in unsecondo momento di provarlo anche sulla pagina in linea...

Curioso di provare non escludo di provare poi anche la soluzione php suggerita da Giorgio e Patrizia, in questo cso dovrò pasticciare un pò con il php.... vedremo se riusciro a farlo funzionare, per ora grazie a tutti.

Un saluto

Gabry

Leggi di più
Postato il da Gabriele L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Gabriele L.
... ...  proverò prima quest'ultimo dato che dovrei riuscire anche a provarlo, presumo che poi dall'interno del sito la modifica da fare riguardi le due parti della stringa ... ... 

... puoi provarlo già ora anche in Anteprima locale, e ok se modifichi la stringa con path relativa, ma ovvimente ti funzionerà solo in rete...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Gabriele L.
Gabriele L.
User
Autore

Ciao a tutte e @KolAsim, confermo da anteprima locale funziona, sono riuscito anche a fare la modifica sulla pagina in linea sul sito, sembra funzionare anche li, dico sembra in quanto l'immagine ora e nera (per via della notte) ma vedo l'orologio che si aggiorna. Ho provato sia con Firefox che con Edge.

Domattina faccio ulteriori verifiche.

Grazie ancora

Gabry

Leggi di più
Postato il da Gabriele L.