Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Link externo para imagens

Quero saber como faço para saber se uma imagem com link externo não foi encontrada ou algo do tipo .

Por Exemplo : "<img src="www.seila.com.br/imagem123.jpg>

Como faço para saber se essa imagem chegou no meu sistema ? Caso a imagem não esteja no sistema ou não carregasse devido a internet, precisava que mostra-se uma mensagem falando que não foi possivel carregar , na vez de mostrar esse icone ->

3 respostas

Hm, em casos de você carregar as imagens com javascript Bruno, você pode verificar o código da resposta retornada pela requisição, se for algo diferente de 200, então você mostra a mensagem ao invés da mensagem.

Pode mostrar um exemplo para saber como fazer ?

solução!

Oi Bruno, desculpa a demora, mas veja esse exemplo que criei aqui: https://codepen.io/wandersonmaceds/pen/VEZVWB

Bom, eu coloquei todas as imagens com o src normal, mas tem um código js ali que faz o seguinte: captura todas as imagens da página, faz uma requisição assíncrona para cada uma delas, caso a resposta esteja na faixa os 200 (código HTTP de sucesso) então a imagem existe e nada acontece.

Caso a resposta seja outra, bom, ai acontece o replace, eu troco a imagem pra outra da minha preferência.

Não tá fácil de verificar, mas as duas tags imgs possuem o mesmo src, com uma pequena diferença pra simular o problema, a segunda imagem tem [url-errada] no meio da url pra simular um endereço incorreto onde a imagem não pode ser encontrada, nesse caso o js troca a imagem por outra.

Com certeza esse script tá muito simples e não cobre todos os casos, mas é uma ideia básica. Dependendo do caso, seja melhor uma outra estratégia.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software