js通过添加随机数的方法，解决多张图片加载时由于缓存导致图片无法正确显示的问题

Posted 2020-10-04

问题出现描述：当对列表中某个图片进行重新编辑时，提交后会发现图片列表仍会出现修改之前的图片，新图片并未覆盖。

问题出现原因：缓存问题。

解决办法：通过js方法，在每张图片路劲后面添加一个随机数，这样每次加载就会重新提交数据，避免因数据相同直接从缓存中取数据。

代码展示：

html部分，<img src=‘01.jpg‘ class=‘img‘ />

js部分，

<script type="text/javascript">

　　$(function(){

　　　　var string = ‘‘;

　　　　for(var i = 0; i < 5; i++)

　　　　{

　　　　　　string += Math.floor(Math.random() * 10)

　　　　}

　　　　$(‘.img‘).each(function(){

　　　　　　this.src = this.src + ‘?‘ + string;

　　　　});

　　});

</script>