tauri解决convertFileSrc转换文件为url后,更新文件内容但是页面没有更新

我这里之前的逻辑是将存储之后的图片文件,直接使用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
    }
}

图片标签每次加载都重新生成新的链接:

猜你喜欢

转载自blog.csdn.net/weixin_44786530/article/details/143145713