Entonces, quería evitar el caché para ver las imágenes que estoy cargando en este sitio web en el que estoy trabajando, al que accedo a través de localhost.
Llegué a una solución práctica bastante rápido:
Adjuntar al final de la ruta de la imagen ?random= y un número aleatorio generado por Math.floor() . Todo esto con la ayuda de un script.
El HTML mostrado en el navegador:
<img class="gallery_img" src="./uploads/4.jpg?random=172">
Impresionante, funciona de maravilla.
Ahora, lo que ha sido difícil de encontrar es una explicación de por qué y cómo funciona esto realmente.
Quiero decir, 1) ¿cómo el navegador aún encuentra la imagen en el servidor con esta nueva ruta?
O preguntado al revés, 2) ¿cómo maneja el servidor este archivo adjunto ?random=172 y entrega la imagen solicitada antes de eso?
Si alguien pudiera indicarme la dirección correcta, estaría agradecido.
Solución:
Eche un vuezo a lo que son los parámetros de consulta .
Y si está lidiando con el problema de evitar el caché, eche un vuezo aquí:
Eso no es parte de la ruta, es un parámetro de consulta.
Y la mayoría de las veces al servidor de imágenes no le importan los parámetros de consulta, al menos no uno literalmente aleatorio, tal vez soportaría un parámetro de consulta llamado width o size y generaría dinámicamente una imagen del tamaño correcto. Pero lo más probable es que random simplemente se descarte y la imagen se sirva normalmente.