图片路径更新无效的问题

今天在写一个后端页面的时候，发现一个奇怪的现象，数据更新之后，页面图片未改变。如下图：

但是当再打开一下，就对了。

    

起初想原因可能是数据上有什么问题，但是log之后发现，数据没有异常，且图片的路径已经发生了改变。

后来进行了分析，发现是图片换路径之后，首先浏览器要去加载这个图片，而在加载的过程中，会保持之前的图片样式不变。而转换数据之后图片地址是无效链接，浏览器需要长时间去获取验证，导致一直显示的是之前的图片。

知道了原因之后，我也就想了解决的方法。

方法1: 给img加onError方法，当图片无法加载的时候，用其它表示出错的图片代替。

方法2: 切换数据的时候将原有的img节点去除。