Alguna vez te ha pasado que estas desarrollando una página web donde muestras imagenes y en forma local en tu computadora se muestra bien? pero sin embargo cuando subes al servidor no la muestra?. Veamos la siguiente porción de código donde se muestra una imagen:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<body>
<img src="foto.jpg" alt="">
</body>
</html>
Esto funciona bien en local y el código está correcto. Pero cuando se sube al servidor no funciona. La razón? Sin encontrar una solución de porque no se mostraba la imagen en el servidor pero si en local era un problema. Si en vez de una imagen con extensión jpg era una png si la cargaba tanto en local como en el servidor. La solución es bastante sencilla, sin embargo en Internet no estaba, al menos no explicitamente. Para solucionar este problema de que no se ve la imagen en el Servidor hay que cambiar la extensión de la imagen a mayúsculas es decir de "jpg" a "JPG".
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<body>
<img src="foto.JPG" alt="">
</body>
</html>
Deja un comentario si es que te ha servido.
Saludos.
Comentarios
Publicar un comentario