微信小程序图片缓存问题

最新推荐文章于 2025-03-12 22:15:00 发布
最新推荐文章于 2025-03-12 22:15:00 发布
阅读量2.7k 收藏 1
点赞数
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39385430/article/details/109465773
版权

微信小程序图片缓存问题

问题描述：

进入上传页面，先获取用户上传过的信息，点击上传，上传成功后，再次获取数据。

因为后台接口的设置是：图片直接覆盖存储，也就是两个图片名称相同。

这就会导致，上传，并重新获取数据后，图片没有更新。这就是微信小程序的图片缓存问题。

问题图片：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4UYkc4nE-1604373812314)(images/image-20200725145021490.png)]

解决办法：

// 在图片的名称后面加上一串变化的数字
// 一般为时间戳或随机数

http:xxx.xxx.com/upload/imgs/xxxx.png ? 235734632563456324(随机数)
【微信小程序】—— 使用wx.uploadFile上传图片以后setData但图片不更新
LimonSea的博客
08-17 4943
可能这个不只是微信小程序的坑，但是我遇到了，就记录一下，希望对看到这篇文章的你有所帮助！ wx.uploadFile 它并不会像wx.request一样会解析服务器传回的JSON对象！ 所以当你打印输出res.data的时候并不是JSON格式的！ 而且也不可以直接调用res.data.pojo！ 所以在这里需要自己手动转JSON： var data = JSON.parse(res....
微信小程序持久化存储图片文件 实现网络图片本地缓存
2301_77012836的博客
04-12 1102
关于项目中需要减轻服务器资源消耗问题，前端简单对图片做缓存处理#
微信小程序图片缓存策略
code
09-01 5484
昨天，后端给我提了一个问题：他更换了CDN上的图片，但是他打开小程序来看，还是旧图片，他尝试过删除小程序，重新进，还是旧图片。 我第一反应是：“你有没有清CDN缓存？“ 他说：”我在阿里云CDN控制台刷新缓存了，都两三天了，还是旧图片。”（后来我看过刷缓存记录，一天前刚刷的，他夸张了。。。） 我说：“那不应该呀，CDN刷新缓存，5分钟就生效了。” 当即拿出我的手机，进小程序看了一下，是新的图片。 他赶紧拿出他的手机给我看，果然，不管试多少次，都是旧图片。 我说：”你这个图片是文件名没改，请求地址
微信小程序图片本地缓存显示问题
a_115098的博客
10-12 1943
在微信小程序开发的图片引用中，会出现服务器端的图片已经改变，而前端引用显示的图片却还是改变之前的图片，这是因为在图片显示时小程序会缓存显示图片和对应的路径，再次显示该路径的图片时会先从本地查找，存在时显示本地缓存的图片，在经过一段时间之后才会更新为最新图片。 解决方法： 在前端页面显示的引用路径中添加参数。只是在显示路径中添加，不改变服务端图片路径，？添加参数，可以是随机数时间戳等，避免引用缓存数据。 this.setData({ src: 图片路径 + '?' + Math.random() / 999
uniapp开发微信小程序实现图片本地缓存（策略）
最新发布
2301_79266243的博客
03-12 470
这个时候，我们不能马上就将CDN路径替换掉本地存储路径，因为，我们不确定这个存储路径是否有效，还需要获取到图片文件列表，检查文件列表中是否有该路径，如果有，证明路径有效，就将本地存储路径替换为CDN图片路径。开发微信小程序时，小程序中使用的图片较多时，图片CDN流量就会增加，进而带来支出流量费用增加，图片加载变慢，影响用户体验等问题。下载完成之后就会返回图片在本地存储的地址，然后在小程序缓存中存储本地图片路径，这里的关键点是：小程序缓存的形式是：（ 键：值 ），其中。在图片首次加载的时候，先下载图片。
微信小程序 图片缓存
zly_101的博客
04-26 2178
问题产生： 需求：有个页面有个banner，不想做大面积开发（不想后端做功能），就问我们前端同事，能不能根据时间来替换图片，能是肯定能的，但是客户端时间不一致会导致图片显示不一致！ 解决办法： 然后我们就把这图片替换成了网络图片，当图片替换完（清楚完cdn）之后，会发现有些手机（部分苹果）图片一直是旧的，无法更新，在微信里面删除了小程序也不行，百度一波说，图片路径未换，有些手机会优先请求本地（客户...
记录-微信小程序端的图片不更新问题
liuzhen917的专栏
09-06 349
处理方式：在图片的url地址后面追加时间戳。问题：个人手机端的图片不更新。原因：cdn或其他网络缓存。
微信小程序 实现网络图片本地缓存
hahahhahahahha123456的博客
09-05 6913
在开发项目的过程中，微信小程序需要实现网络图片的本地缓存。因为图片大小>1M,所以用户每次打开小程序都要重新下载，由于图片比较大，下载时间比较久，就容易造成不好的用户体验。那么，在小程序里面具体怎么实现图片的缓存呢，接下来看具体实现代码逻辑。 刚看到这个需求的时候，我的第一反应是通过小程序提供的数据缓存api来实现， wx.setStorageSync(string key, any d...
微信小程序image组件图片更新不了问题
独行者103的专栏
10-03 1773
由于是生成的图片，路径永远都是一致的，所以不知道如何刷新，路径加上时间戳即可。 https://img+’.jpg’+"?v="+new Date().getTime(）
微信小程序 image组件图片更新不了问题
qq_44726321的博客
03-22 1908
1.在 图片路径在一个时间戳 可以解决图片无法更新问题 this.data.src = ‘https://img+’.jpg’+"?v="+new Date().getTime() this.setData({ src: this.data.src })
微信小程序之本地缓存
03-29
目前，微信给每个小程序提供了10M的本地缓存空间 有了本地缓存，你的小程序可以做到： 离线应用（已测试在无网络的情况下，可以操作缓存数据） 流畅的用户体验 减少网络请求,节省服务器资源 哪些数据适合方缓存： 热...
微信小程序-图片预加载组件
06-12
在微信小程序开发中，图片预加载是一个非常关键的优化步骤，尤其对于图片密集型的应用，如电商、社交或媒体类应用。预加载技术允许开发者在用户实际需要之前提前下载图片资源，减少用户等待时间，提升用户体验。本篇...
微信小程序项目实例——今日美食
05-24
【微信小程序项目实例——今日美食】是一个以移动开发技术为核心，专注于美食分享的应用。这个小程序旨在为用户带来丰富的美食制作教程，提供详细的食材配料和步骤指导，让用户在家中也能轻松制作出美味佳肴。 首先...
云原生 - 微信小程序 COS 对象存储图片缓存强制更新解决方案
陆克和他的那些代码
01-22 1006
云原生 - 微信小程序 COS 对象存储图片缓存强制更新解决方案
微信小程序缓存什么时候会被清除
zero_person_xianzi的博客
03-28 9392
如果用户储存空间不足，我们会清空最近最久未使用的小程序的本地缓存。我们不建议将关键信息全部存在 storage，以防储存空间不足或用户换设备的情况 同时当用户主动销毁小程序（长按，点删除），缓存会被清除 参考文献 ...
关于微信小程序图片加载出错解决方法之替换默认图片
kirinlau的专栏
04-14 4749
小程序中经常会有批量遍历渲染的列表，如果列表中有图片选项但是无值时或者有值但是图片加载错误时如何处理呢 比如像以下这种评论列表： <view class='lists-box rel'> <view class='list-box rel' wx:for="{{commentList}}" wx:if="{{item.comment}}" wx:key="{{...
关于小程序如何做到强制更新
南玖的博客
03-14 1693
在小程序的日常迭代中，有一些场景我们可能需要在小程序发布后，用户能够马上感知并更新，比如上线新活动、修复高危漏洞等，如果用户因为各种原因未能及时更新小程序，这就可能导致一些功能无法正常使用或者存在安全隐患，因此，实现小程序的强制更新功能就显得尤为重要。本文将探讨小程序如何做到强制更新，以确保用户始终使用最新、最安全的小程序版本。
微信小程序，ios端 动态修改值数据不更新视图
selfsummer的博客
05-06 1862
在安卓端和开发者工具没有出现数据更新视图不更新的BUG，在IOS端就出现这个问题 场景 动态修改data 中的某个二维数组下面的某一个值， 必须使用 中括号来拼接出对应的key 也只能用[] 括号 修改值可是使用（但是有时候可能不生效） this.data.xxx = xxx 保守期间使用 (本场景IOS端无效) this.setData({ xxx:xxx }) 解决办法 使用 setTimeout 延迟一下，等下一个事件循环来处理这个修改值（亲测IOS生效安卓无影响） Page({ data:.
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值