我这里之前的逻辑是将存储之后的图片文件,直接使用convertFileSrc转换为url的形式存储起来了,然后后面有页面展示的地方,直接加载就可以了。但是这样就遇到问题,更新了图片文件,但是页面上展示的图片还是没有变化。这是因为图片资源被缓存了。
解决办法
1.不要提前存储转换后的url地址,而是每次都重新生成新的。
2.最好都加上一个时间戳参数,不让浏览器缓存
// get img url
const getImgUrl = (filePath: string) => {if (filePath) {const timestamp = new Date().getTime()return `${convertFileSrc(filePath)}?t=${timestamp}`} else {return pakePlusIcon}
}
图片标签每次加载都重新生成新的链接: