如何清除或替换缓存的图像

2024-03-11

我知道有很多方法可以防止图像缓存(例如通过 META 标记),以及一些不错的技巧来确保每次页面加载时都显示图像的当前版本(例如 image.jpg?x=timestamp ),但是有没有办法真正清除或替换浏览器缓存中的图像,这样上述方法都不是必要的?

举个例子,假设页面上有 100 个图像,这些图像被命名为“01.jpg”、“02.jpg”、“03.jpg”等。如果替换图像“42.jpg”,则为有什么方法可以在缓存中替换它,以便“42.jpg”在连续的页面加载时自动显示新图像?我无法使用 META 标记方法,因为我需要 ISN"T 替换的所有内容才能保持缓存,并且我无法使用时间戳方法,因为我不希望每次页面都重新加载所有图像负载。

我绞尽脑汁并在互联网上搜索了一种方法来做到这一点(最好是通过javascript),但没有运气。有什么建议么?


如果您动态编写页面,则可以将上次修改的时间戳添加到 URL:

<img src="image.jpg?lastmod=12345678" ...

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何清除或替换缓存的图像 的相关文章

  • 非常基本的 JS 编码,是否有 SoundManager2?

    我想在我的网站上包含一个具有以下属性的音频 可能的视频播放器 必须可通过 div 通过 CSS 设计样式 可以读取所有ID3信息 可以从数据库中提取文件 可能是 GoDaddy 的 Easy Database 无闪光 可转移至智能手机等 我
  • 流媒体性能 - Canvas 与

    我正在开发一个应用程序 需要通过 webSocket 连接以每秒至少 30 帧的速度持续传输图像 我遇到了一些性能问题 并希望尽我所能进行优化 我想知道使用不断更新的图像之间的性能差异是什么 就像这样 img src someDynamic
  • 如何使用 Underscore 获取 JavaScript 数组中的重复项

    我有一个数组 我需要重复的项目并根据特定属性打印这些项目 我知道如何使用 underscore js 获取唯一项目 但我需要找到重复项而不是唯一值 var somevalue name john country spain name jan
  • 无法在 PIL 中对 16 位 TIF 应用图像滤镜

    我尝试使用 python 应用图像过滤器PIL http www pythonware com products pil 代码很简单 im Image open fnImage im im filter ImageFilter BLUR 此
  • 粉碎一个元素,向随机方向发送碎片

    我试图 粉碎 一个元素 例如 一个图像 并将其碎片朝随机方向飞行 当碎片到达目的地时 即x距离 以像素为单位 它们变成原始图像的较小版本 jQuery UI 的explode http api jqueryui com explode ef
  • 将 javascript 放在 header 之外有多糟糕?

    这个问题几乎已经说明了一切 我开始添加一些功能到我的周末项目 http www my clock net 对于我和几个朋友来说 这是一个小应用程序 因为我们是交换生 所以它对我们来说有点有用 但事情是这样的 我在 php 中执行此操作并使用
  • 按日期对 JSON 进行排序

    我知道这一定相对简单 但我有一个 JSON 数据集 我想按日期排序 到目前为止 我每次都会遇到问题 现在我将日期存储为this lastUpdated 如果有帮助的话 我可以访问 jquery 但我意识到 sort 是本机 JS 提前致谢
  • 使用 Javascript 对象模型在 SharePoint 任务上设置“分配给”

    我想创建一个共享点任务并将其分配给我自己 当前用户 在 javascript 对象模型中 我有下面的代码 但我认为我需要设置 spusercollection 对象 而不是设置特定用户 但是 我似乎无法在任何地方找到如何执行此操作的任何示例
  • 无法提取 Typescript 中的对象值

    我一直在尝试将 JavaScript Web 表单转换为 Typescript 但无法弄清楚如何处理以下内容 在 JavaScript 中有效 let fieldValues JSON parse cookieData let keys O
  • Javascript“命名空间”和 jQuery AJAX

    我正在使用此处列出的建议 http www odetocode com articles 473 aspx http www odetocode com articles 473 aspx 使用模拟的JavaScript AJAX网络聊天系
  • 上传前如何检查图片的宽度和高度

    对于图片上传 我编写了以下 html 代码
  • 在java中将jpeg/png转换为像素数组

    如何将包含 jpeg 或 png 的字符串转换为像素数组 最好是一维 理想情况下使用java内置的类 原来你需要公共文件上传 http commons apache org fileupload 看着那 这用户指南 http commons
  • 元素在主体内找不到足够的空间 - JavaScript 样式

    相关信息 该页面包含两个元素 An
  • 如何在 Next.js 中正确使用 Mongoose 模型?

    我正在使用 TypeScript 和 MongoDB Mongoose 构建 Next js 应用程序 我在使用 Mongoose 模型时开始遇到错误 这导致它们在每次使用模型时都尝试覆盖模型 导致模型覆盖错误的代码 import mong
  • 调用不带括号的 javascript 函数

    以下 renderChat 函数用于将消息和图像渲染到聊天板上 该函数内部还有另一个函数 var onComplete function 它完成创建列表元素并将其附加到聊天列表的所有工作 onComplete函数之后就只有这三行代码 img
  • 用于图形操作的 Javascript 库

    有没有建议的 javascript 替代 pythonpygraph http code google com p python graph or NetworkX http networkx lanl gov 应该注意的是 可视化不是必需
  • jQuery 单击附加元素不起作用

    我有一个数组 我正在从 Array 获取数据并在 jQuery Append to list 中使用它 但是当我单击列表项时 它只显示最后一个元素 var array 1 2 7 3 4 8 5 6 9 for var i 0 i lt a
  • Modernizr 未将类应用于 html 标签

    我目前正在构建一个网站 我需要使用 Modernizr 但由于某种原因 它没有将类应用到 html 标签 因为它应该 我的代码如下所示
  • .parents() 没有 jquery - 或 querySelectorAll 为父母[重复]

    这个问题在这里已经有答案了 可能的重复 使用 matchesSelector js 检查 event target parentElement https stackoverflow com questions 12977658 check
  • Chrome 中的 addEventListener

    我正在关注 Lynda com 上有关新 DOM 事件模型的教程 这是我正在使用的代码 function addEventHandler oNode sEvt fFunc bCapture if typeof window event un

随机推荐

  • 如何使用 JSPM 导入带有 Typescript 声明的外部 NPM 模块

    test module 是用 Typescript 编写的外部模块 带有 index d ts 定义文件 它在 package json 中有 tsd tsc 的属性 typings dist index d ts 打字稿 定义 dist
  • Xcode gRPC-Core 错误:找不到“openssl_grpc/ssl.h”文件

    Xcode 11 2 1 Mac 10 15 2 测试版 Pod 版本 1 8 4 我试图Archive我的 Mac 应用程序在 Xcode 上 然后在我的 Xcode 中出现以下错误 我可以毫无问题地编译我的应用程序 只是无法存档 我想问
  • 在主模块中找不到库模块中的包

    我有一个从 Eclipse 导入到 Android Studio 的项目 在 Eclipse 中一切都运行良好 它包含一个主模块 Eclipse 中的项目 它使用库模块 Eclipse 中的库项目 中的包 由于迁移进展不顺利 我手动创建了一
  • package-info.java 包注释影响所有类,包括子包中的类

    我想在我的所有课程上应用注释 并且我正在尝试最好的方法来做到这一点 到目前为止 我坚持使用可以注释整个包的 package info java 文件 但不能注释子包中包含的类文件 除了在我的项目中添加 100 个仅包含单个注释的相同 pac
  • 应用什么算法来连续重新分配小内存块?

    在 C 程序中 我面临需要拥有大量内存块的事务 我需要知道是否有一种算法或最佳实践技术用于处理所有这些 malloc free 我使用数组来存储这些内存块 但在某些情况下指出数组本身已满并且重新分配数组只会更加浪费 处理这个问题的优雅方法是
  • 是否可以强制通过 Wifi 或 TMobile 网络进行网络流量?

    我想知道使用 G1 是否可以强制网络流量通过 Wifi 或通过 Cell GSM 网络 我需要强制应用程序通过塔式网络连接以获取一些登录信息 这可能吗 有人对这如何可能有任何想法吗 我正在尝试使用 Android SDK 在应用程序内完成此
  • D3 - 如何将圆包转换为椭圆包?

    如何利用D3圆形包布局以获得与此类似的图表 即使有更细长的椭圆 这种图表样式的关键应用是更容易放置标签 This is jsfiddle http jsfiddle net VividD WDCpq 8 这演示了我为其他目的制作的圆形包 但
  • Scala 2 将方法附加到类主体(元编程)

    我已经在这个问题上陷入了一周 但似乎没有任何进展 我正在尝试将一些方法和字段从一个类复制到另一个类 我有两个阶段参与其中 第一阶段扫描代码 找到需要复制的方法def 并保存对应的Tree 第二阶段将这棵树插入到需要的地方 为了简化这个问题
  • 在核心 ui vue.js 中的导航栏上仅在特定条件下显示特定项目

    嗨 我实际上对此很陌生 所以如果我问了一个明显的问题 我很抱歉 我实际上使用 vue js 和 coreui 制作了一个网站 问题是我在这个网站上有两种用户 管理员和联系人 我希望的是 当联系人登录时 导航栏中只能查看导航栏上的某些项目 我
  • 在生产系统中测试帐户和产品

    是否值得设计一个系统来期望测试帐户和产品在生产中存在并处于活动状态 或者是否应该不存在测试实体对生产数据库的污染 即使您的运输人员知道不运送任何寄给 测试客户 的盒子 我已经实现了在规范中具有 test True 属性的消息传递协议 并且想
  • getExtras().getSerialized() 和 getSerializedExtra() 之间的区别

    我很困惑 intent getSerializableExtra String name and intent getExtras getSerializable String key 我们可以互换使用它们吗 或者它们都有各自的特定场景 如
  • 如何强制cloudfront使用https(重定向http -> https)

    我通过 s3 cloudfront 在 aws 上托管一个静态站点 无论如何 我可以强制cloudfront将所有http请求重定向到https版本 强制 http gt https 转到cloudfront分布 选择分布 转到行为 选择一
  • crontab:正在运行 python 脚本但不执行操作系统命令

    我有这个 crontab 配置设置和以下脚本 MAILTO email protected cdn cgi l email protection 41 15 usr bin python home atweb Documents openg
  • 在 Windows 终端中启用 ANSI 序列

    我偶然发现一个有趣的问题 在 Windows 中 C gt lua gt print x1b 95mMagenta x1b 0m 95mMagenta 0m 但如果我跑os execute 即使使用空命令 在此之前 它按预期工作 C gt
  • string.format(...,**locals()) 的缩写形式

    我通常使用以下模式 如这个问题 https stackoverflow com questions 11764900 using locals and format method for strings are there any cave
  • OTRS Web 服务作为请求者测试

    我是 OTRS 3 2 的新手 也是 PERL 的新手 但我被赋予了设置 OTRS 的任务 以便它将调用我们的远程 Web 服务 以便在设置票证时可以在我们这边创建记录为 已关闭 我设置了各种动态字段 以便客户服务代表可以填写其他数据 这些
  • 解析嵌套 JSON 以检索嵌套数组值

    我试图从这个 Json 中获取一些特定的字段 我已经设法检索第一级中的内容 但我需要从数据字段中获取一些内容 我想获得以下数据字段的数组 data data artist id data artist id name and data ra
  • 如何使 OmniPascal 与 FPC 配合使用?

    我已经为 VisualStudio 代码安装了 FreePascal 编译器和 OmniPascal 扩展 但代码完成不起作用 在手册中你说我需要在用户设置中写入Delphi编译器的路径 但没有提到FPC Set the omnipasca
  • UWP MVVM:更改语言后刷新页面

    我的视图模型中有一些代码可以更改应用程序语言 然后更改某些控件上的文本 这是DashboardViewModel 仪表板页面数据上下文设置为 ApplicationLanguages PrimaryLanguageOverride lang
  • 如何清除或替换缓存的图像

    我知道有很多方法可以防止图像缓存 例如通过 META 标记 以及一些不错的技巧来确保每次页面加载时都显示图像的当前版本 例如 image jpg x timestamp 但是有没有办法真正清除或替换浏览器缓存中的图像 这样上述方法都不是必要