Necesito agregar la marca de tiempo aleatoria int o unix a todos los img src="" whit class='avatar'
<img src="a.png" alt="" class="avatar"> <img src="b.png" alt="" class="avatar"> <img src="c.png" alt="" class="avatar"> Sé que puedo usar php para configurarlo <img src="a.png?<?php echo time();?>" alt="" class="avatar">
Pero quiero probar Js para hacer eso.
mi código para probar, pero no funciona
<script> var now = Date.now() var img_src = document.querySelector(".avatar").src; document.querySelector(".avatar").src = img_src+"?"+now;). </script>¿Por qué agregar una marca de tiempo aleatoria int o unix al final de img src?
Porque estoy usando un CDN
cuando el usuario actualiza algunas fotos, no puede ver la nueva foto en tiempo real.
alguna otra sugerencia?
Puede obtener todas las imágenes con el método querySelectorAll en el objeto del documento.
const images = document.querySelectorAll(".avatar");Después de eso, puede cambiar el atributo src para cada uno de ellos.
images.forEach((image) => { image.src = image.src + "?random=" + Date.now(); });