• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

astro__pc

Refresh imagens

6 mensagens neste tópico

Boas.

Tenho uma pagina que mostra os dados de um dado registro.

Um desses dados é uma imagem.

Para mostrar a imagem uso a tag <img>.

A imagem encontra-se no local fisico no servidor,  e para cada registro o nome da imagem é sempre o mesmo.

O meu problema é o seguinte:

Visualizo o registro, depois altero a imagem do registro. Depois se vou ver de novo o registro MAS a imagem não está actualizada (mostra a imagem antiga).

Pelo que percebi, como o nome da imagem é sempre o mesmo, o browser fica com a imagem antiga em cache.

Como posso forçar o browser a fazer o refesh, isto em PHP ou HTLM ou JavaScript

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Tendo o seguinte no HTML:

<img src="IMG ORIGIONAL" name="img1">

A seguinte função de JavaScript carrega a imagem img.gif:

function reloadImg(){

document.img1.src = "images/img.gif"

}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

function reloadImg(){

document.img1.src = "images/img.gif"

}

Testei o codigo acima, mas continua a não actualizar a imagem.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

function reloadImg(){

document.img1.src = "images/img.gif"

}

Testei o codigo acima, mas continua a não actualizar a imagem.

Dá algum erro de JavaScript?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

e convem alterares um cadinho o script acima pa funcionar no teu exemplo, verifica se o caminho relativo para a tua imageme sta correcto.

Ou tenta algo do genero, aproveitando-me de um copy do M6:

Tendo o seguinte no HTML:

<img src="IMG ORIGIONAL" id="img1">

A seguinte função de JavaScript carrega a imagem img.gif:

function reloadImg(){

  obj = document.getElementById("img1");

  obj.src = "images/img_nova.gif";

}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Vou passar a explicar melhor a situação.

Tenho uma tabela de marcas

A marca é composta por id, nome, imagem (logotipo), etc

O logotipo é guardado em ficheiro no disco do servidor. E para cada marca o nome em disco do logotipo é sempre o mesmo.

Quando se altera o logotipo, o ficheiro é gravado por cima do antigo (com o mesmo nome)

Tenho uma pagina onde se pode visualizar e alterar os dados de uma dada marca.

Quando se está a vizualizar/alterar a marca é mostrado o logotipo numa tag <img>

Para alterar o logotipo uso a tag <input> com o type='file' (fazendo o upload do ficheiro aquando a gravação dos dados alterados)

Quando se guarda as alteraçoes, é ridireçionado para uma pagina com a llistagem das marcas.

O problema acontece quando vou de novo visualizar/alterar a marca que acabei de alterar o logotipo.

Se clicar em [ctrl]+F5 a imagem é actualizada

Tentei a vossas sugestões.

coloquei a chamada à função (com as devidas alterações) logo a seguir ao código que mostra o formulario da pagina com os dados da marca.

O bloco de código em javascript não dá erro

function alteraImagem(formulario,foto){
  document.forms[''+formulario].logotipo.src=foto;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora