HTML Evitar cache de imagens via código

JonathanCruz · 18 de julho de 2019

ola a todos!

estou desenvolvendo um sistema no qual faço o cadastro de alguns produtos e esses produtos possuem uma foto.

está tudo funcionando corretamente, porém quando ja tenho uma foto cadastrada e desejo substitui-la a foto antiga continua sendo mostrada na pagina.

na pasta onde a foto é upada é feita a substituição normalmente, no banco a imagem recebe o mesmo nome da anterior, pois é assim que eu gostaria que fosse.

o problema só é resolvido quando limpo o cache do navegador, tem como eu evitar que as fotos vá para o cache via código?

obs.: não queria que a foto nova ficasse com o nome diferente da foto antiga na pasta, creio que isso resolveria meu problema, mais não queria dessa forma!

agradeço desde ja

Leonardo0308 · 19 de julho de 2019

Bom dia @JonathanCruz

Você pode tentar fazer seu site não guardar mais cache através das seguintes meta tags.

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

JonathanCruz · 19 de julho de 2019

@Leonardo0308 meu html já tem essas meta tags

yanluiz96 · 23 de julho de 2019

Você está exibindo estas imagens através de html puro, ou de objetos e eventos?

Por exemplo, eu posso carregar e exibir uma imagem assim

var imagemAtualizada;
var imagem;

function carregarImagem()
{
    
    // Cria objeto de classe Image
    imagemAtualizada = new Image();
    
    // Adiciona evento para disparar quando a imagem carregar
    imagemAtualizada.onload = function()
    {
        document.body.appendChild(imagemAtualizada);
        console.log("Imagem carregada");    
    }

    // Define localização da imagem
    imagemAtualizada.src = "exemplo.jpg";

    console.log("Aguardando carregamento da imagem...");
}

<!DOCTYPE html>

<html>
    <body>
        <button onclick="carregarImagem()">Carregar Imagem</button>
        <br>
    </body>
</html>

Talvez esse método faça bypass no cache do navegador, teste e nos conte os resultado

Entrar

HTML Evitar cache de imagens via código

Posts recomendados

JonathanCruz

Leonardo0308

JonathanCruz

yanluiz96

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos