Esto ha sido discutido aquí y allá. Creé mi propia solución, pero me pregunto si existe alguna solución oficial moderna con un estándar más nuevo como ECMAScript 2016.

Mi solución es un truco en la propiedad src agregando una propiedad falsa aleatoria al final:

 function xhrUrlHackNoCache(first) { var hack = (first)? "?nocache=" : "&nocache=" ; for(let i=0; i<5; i++) { hack += Math.floor(Math.random()*10).toString(); } return hack; }

Personalmente, creo que esto es feo...

Hay una discusión interesante aquí . Algunos ya los probé y no funcionarán como definición de encabezado, ni siquiera al cargar la imagen a través de un script php (tal vez si cargo la imagen como 64 y creo el objeto img). Tal vez manipulando el archivo .htaccess, pero no tengo mucho conocimiento al respecto (a veces dejo caer mi sitio web jugando con este archivo).

El cielo para mí será algún conjunto de propiedades img para evitar el caché y cargar esta imagen desde el archivo. ¿Hay algo como esto? ¿Cuál es la mejor práctica en este caso hoy?

Si no hay nada nuevo que agregar a este problema (que tiene muchos duplicados), entonces podría eliminarlo, no hay problema, pero creo que es una buena idea actualizar el conocimiento al respecto.