点击按钮实时刷新图片

js给< img >标签的src赋值

最近做一个点击一个按钮刷新加载另一张图片的功能,主要就是改变图的路径,记录一下自己遇到的坑

支持原生的js和jq实现

用js原生方法：

document.getElementById(“imageId”).src = “xxxx.jpg”;

用Jquery方法：

$("#imageId").attr(“src”,“xxxx.jpg”);

误区 两种方法容易混用,平时写前端不多没有注意到这个问题

$("#imageId").src = “xxxx.jpg”;
document.getElementById(“imageId”).attr(“src”,“xxxx.jpg”);
上面这两种都不会生效

实现刷新需要在图片路径后面加一个随机数 才可以判断每次的请求都是不相同的

“xxx.jpg?t=”+Math.random();