Puedo identificar todas las imágenes de tipo (SVG) y agregar una cadena de fecha de ruptura de caché en el registro de la consola.
allImg = document.querySelectorAll('img[src$=".svg"'); imgTime = Date.now(); allImg.forEach(img => console.log(img.src + '#' + imgTime));He estado buscando esta solución, pero es solo para nombres de archivo individuales, no para múltiples imágenes: https://stackoverflow.com/a/1077051/3787666
Cualquier ayuda apreciada.
Bien, así es como funciona, agregando un rompedor de caché a cada imagen SVG en una página:
allImg = document.querySelectorAll('img[src$=".svg"'); imgTime = Date.now(); allImg.forEach(img => { //console.log(img.src); newImgSrc = img.src + '?' + imgTime; //console.log(newImgSrc); img.src = newImgSrc; });La advertencia es que esto obliga a que los SVG se carguen por segunda vez, por lo que, si es factible escribir el cachebuster en el IMG SRC original, generalmente sería preferible. Las restricciones del sitio en este caso de uso particular significan que no es una opción.