jquery ajax 加载浏览器缓存图片无响应

在使用 jquery ajax 加载图片时，如果图片已经被浏览器缓存，则 done() 回调函数可能不会执行。本文将探讨原因并提供一种解决方法。

问题中给出的代码示例正确地加载了图像，但如果图像在浏览器缓存中，done() 函数中的回调仍然不会被调用。这是因为当浏览器从缓存中检索图像时，它会跳过 http 请求，因此 jquery 无法接收到响应。

要解决此问题，可以使用以下代码修改请求头，强制浏览器从服务器加载图像，从而绕过缓存：

$.ajax({
    url: imgUrl,
    type: 'get',
    cache: true,
    processData: false,
    headers: {
        'Cache-Control': 'no-cache'
    }
}).done(function () {
    //...
});

通过设置 cache-control 标头为 no-cache，可以指示浏览器不要使用缓存的响应，而是直接从服务器请求图像。这将确保在加载浏览器缓存图片时也能触发 done() 回调。