今天在写一个后端页面的时候，发现一个奇怪的现象，数据更新之后，页面图片未改变。如下图：
但是当再打开一下，就对了。
起初想原因可能是数据上有什么问题，但是log之后发现，数据没有异常，且图片的路径已经发生了改变。
后来进行了分析，发现是图片换路径之后，首先浏览器要去加载这个图片，而在加载的过程中，会保持之前的图片样式不变。而转换数据之后图片地址是无效链接，浏览器需要长时间去获取验证，导致一直显示的是之前的图片。
知道了原因之后，我也就想了解决的方法。
方法1: 给img加onError方法，当图片无法加载的时候，用其它表示出错的图片代替。
方法2: 切换数据的时候将原有的img节点去除。
今天在写一个后端页面的时候，发现一个奇怪的现象，数据更新之后，页面图片未改变。如下图： 但是当再打开一下，就对了。...
在使用sourceTree的时候，需要远程拉去代码，可能会出现无效路径的问题，如下图 原因：本地SourceTre...
html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况，动态替换成有效的默认图片，解决...
Xcode10.1 import头文件索引无效 Xcode10.1更新后工程无法import头文件 如下路径，修改...
今天在学 webpack 时碰到一个问题，就是 webpack 通过插件 file-loader 打包图片后，在最...
一个vue项目中有一张图片，打包出来后发现background-image的路径出现了问题解决方法：1、先在dat...
在学习vue的过程中，我发现一个问题如下：引用图片的时候，用以下方式完全没问题： 但是，将图片路径写在js里面就不...
thymeleaf导入js css文件无效，一直报404 一 路径问题 引用静态资源如下，分为相对路径和绝对路径 ...
点击超链接（如资源路径）无效的问题 说明：其实只要实现下载的监听就好了。
从远程仓库克隆代码，一直提示路径无效，按照网上说的是因为ssh问题，可对照之后发现设置的都是一样的。后来发现是因为...
本文标题：图片路径更新无效的问题
本文链接：https://www.haomeiwen.com/subject/ahgcuqtx.html
网友评论