用图片预加载的方法,在ios系统上无法显示缓存的图片

发布于 2022-09-06 15:00:32 字数 325 浏览 19 评论 0

框架用的是vue,由于网页需要连接家电wifi,所以处于没有外网的状态,图片无法加载。
使用vue打包成base64的方法可行,但是图片太多,导致打包出来的js巨大,因此加载极慢。
使用预加载的方法在pc、安卓上可行,就是在断网页面的上一页,创造一堆img标签把图片都下载好,然后下一页就能拿到缓存了。但是这种方法在ios上不可行。
ios上无法显示缓存的图片

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

风柔一江水 2022-09-13 15:00:32

这种情况最好不要依赖浏览器内建的缓存机制,建议使用 localStorage 把必要的图片存在本地,然后在断网的时候加载。这里只要把离线状态告知用户即可,不需要加载所有图片。

故人爱我别走 2022-09-13 15:00:32

npm i preload-all 试试这个 支持的比较全

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文