相关疑难解决方法(0)

重新加载图像而不刷新页面

使用Javascript:

function atualiza() {
  document.getElementById('badge').innerHTML = location.reload();
}
Run Code Online (Sandbox Code Playgroud)

我知道"location.reload()"会刷新页面......

HTML:

<img id="badge" src="<?php echo $cms_url; ?>/imaging/badge.php?badge=$mygroup['badge']; ?>" />
Run Code Online (Sandbox Code Playgroud)

我需要刷新src=""<img />不刷新页面.

javascript ajax jquery refresh reload

5
推荐指数
3
解决办法
6万
查看次数

防止iframe的src中的外部文件被缓存(使用CloudFlare)

我想做一个像plunker一样的游乐场.我刚刚注意到一个非常奇怪的生产行为(使用active modeCloudflare),而它的效果很好localhost.

通过iframe,操场预览index_internal.html可能包含链接到其他文件(例如,.html,.js,.css).iframe能够解释外部链接,如<script src="script.js"></script>.

因此,每当用户script.js在编辑器上修改他们的文件(例如)时,我的程序会将新文件保存到服务器上的临时文件夹中,然后刷新iframe iframe.src = iframe.src,它运行良好localhost.

但是,我意识到,在生产中,浏览器始终保持加载初始化 script.js,即使用户在编辑器中修改它并且在服务器的文件夹中写入了新版本.例如,我看到的Dev Tools ==> Network始终是初始版本script.js,而我可以script.js通过less左侧检查服务器中保存的新版本.

有谁知道为什么会这样?以及如何解决它?

在此输入图像描述

编辑1:

我尝试了以下,但没有用script.js:

var iframe = document.getElementById('myiframe');
iframe.contentWindow.location.reload(true);
iframe.contentDocument.location.reload(true);
iframe.contentWindow.location.href = iframe.contentWindow.location.href
iframe.contentWindow.src = iframe.contentWindow.src
iframe.contentWindow.location.replace(iframe.contentWindow.location.href)
Run Code Online (Sandbox Code Playgroud)

我试图添加一个版本,它可以使用index_internal.html,但没有重新加载script.js:

var newSrc = iframe.src.split('?')[0] 
iframe.src = newSrc + "?uid=" + Math.floor((Math.random() …
Run Code Online (Sandbox Code Playgroud)

iframe caching browser-cache html-head cloudflare

5
推荐指数
1
解决办法
534
查看次数

如何远程强制客户端清除缓存的网站?

我们遇到了显示主页的先前版本的问题。即使从那时起发生了变化,网页将始终显示旧版本。

这个问题源于我们使用 WordPress 插件 Last-Modified: Tue, 19 Apr 2016 15:18:40 GMT 向响应添加了 标头。

找到解决此问题的唯一方法是在浏览器上强制刷新。有没有办法远程使所有客户端的缓存无效?

请求-响应头

nginx varnish browser-cache

5
推荐指数
1
解决办法
1万
查看次数

如何使用Jquery或javascript清除缓存?

当图库照片上传时,将旧图像更新为新图像后,缩略图图像将显示在模型中(使用带有ajax的jquery和php)。但是,下次打开模型时,它将显示较旧的模型,刷新页面后,只会显示较新的图像。请有人给我解决我的问题的方法吗?提前致谢。

这是我的代码-

$ .ajax({cache:false,})

 $.ajax({
   url: 'model_appmaster.php',
   type: 'POST',
   async: true,
   data: {},    
   dataType: 'html',
   cache:false,
})
Run Code Online (Sandbox Code Playgroud)

无法从以下代码清除缓存-

$.ajax({
   cache:false,
})
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery

5
推荐指数
0
解决办法
77
查看次数

JavaScript:如何在不附加查询字符串的情况下重试加载图像?

一个网页包含少量图片,平均大小为5-10。

有时,图像的加载会随机失败,并且不会显示。

假设每100张图片加载1张失败。

可能由于服务器繁忙或任何临时网络问题而发生。

我肯定知道获取图像的请求是有效的,因此,如果我尝试加载图像,则很有可能获得它。

我有代码来检测图像何时无法加载并触发回调。

但是,然后如何告诉浏览器“重试加载该图像”

我可以只从DOM中删除图像,然后再放回去吗?

如果我在URL后面附加一个随机查询字符串,则可以肯定会重新加载图像,但是我宁愿避免这种情况,因为图像不会被正确地缓存。

我使用的是jQuery,因此jQuery解决方案对我来说很适合纯JavaScript。

javascript jquery image onerror

2
推荐指数
1
解决办法
2万
查看次数